• javaScript:制作随机验证码


    javaScript:制作随机验证码

    第一步:制作10张图片,上面乱画些字母当然你可要记下来你每张图上的内容阿!!这些图取名1.jpg,2.jpg...0.jpg

    第二步:

    这些代码写在<head><script></script></head>之间:

    function check_rand()//检查用的
    {
      var rand_test;
      rand_test=document.form1.rand_test.value.trim();
      if (rand_test.length==0)
        {alert('请填写验证码。'); return false;}
      else if (rand_test==document.random_value)
                  return true;
         else
         {alert('验证码填写错误。'); return false;}
        
    }

    //下面是生成随机数

    function rnd()
    {
        var today=new Date();
        var seed=today.getTime();
        seed = (seed*9301+49297) % 233280;
        return seed/(233280.0);
    }

    function rand(number)
    {
      return Math.ceil(rnd()*number);
    }  

    //下面是显示图片:

    function show_code()
    {
       var i,num;
       var pic;
       var tag;
       document.random_value=""
     
        num=rand(10);
           switch(num)
           {
          case 1:pic="1";tag="1A43";break;
          case 2:pic="2";tag="50J7";break;   //图片所对应的字母序列
          case 3:pic="3";tag="8900";break;
          case 4:pic="4";tag="LU0E";break;
          case 5:pic="5";tag="7727";break;
          case 6:pic="6";tag="Y943";break;
          case 7:pic="7";tag="35B1";break;
          case 8:pic="8";tag="24P6";break;
          case 9:pic="9";tag="M76M";break;
          case 10:pic="0";tag="8LX5";break;
            }
       
        document.random_value=tag;
        document.form1.img0.src="code/"+pic+".JPG";
    }

    第三步 在网页中显示它

    <body >

        ...

        <td height="26"><div align="right" >验证码:</div></td>
              <td colspan="3"><input type="text" size="5" maxlength="4">           

         <img src="" width="100" height="32" alt="">            </td>

        ...

  • 相关阅读:
    C#實現列舉DB中所有StoredProcedur
    Configure the browserJMeter
    DB 字段
    SQL Server 角色類型
    將N行數據合併成一行顯示
    性能计数器
    一千萬條以上記錄分頁數據庫優化
    SPFA静态链表优化+队列储存
    多源最短路pku1125
    图的连通性——folyd检验
  • 原文地址:https://www.cnblogs.com/zengwei/p/898274.html
Copyright © 2020-2023  润新知