我百度了一下,好像都说JS写验证码很困难。获取方式也不好搞。
我不知道是不是真的那么难搞。
用后台的绘画我知道,只有那样加大了服务器的负载。
所以想求一个JS的验证码。
本人刚学JS,很感兴趣。

解决方案 »

  1.   

    function validate()
    {
    /*    var str="";
        var code = form1.CODE.value;
     var spans = document.getElementById("divCode").all;
     for(var i=0;i<4;i++)
        str = str+spans[i].innerHTML;
        if(str != code)
       alert("输入验证码有误!");*/     var sso = getCookie("sso_code");
      var str= sso.toString();
      var temp = "";
      for(var i=0;i<str.length;i++)
      {
         if(str.charAt(i) != ',')
      temp = temp+str.charAt(i);
      }
         alert(temp);
         var code = form1.CODE.value;
      alert(code);
         if(code != temp)
        alert("输入验证码有误!");
    }
    function validteCode()
    {
        var codes = new Array(4);       //用于存储随机验证码
        var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua","Fuchsia","Lime","Olive","Silver");
        for(var i=0;i < codes.length;i++)
        {//获取随机验证码
            codes[i] = Math.floor(Math.random()*10);
        }    //把随机生成的值存储在cookie里。
        setCookie("sso_code",codes);
        var spans = document.getElementById("divCode").all;
        for(var i=0;i<spans.length;i++)
        {
            spans[i].innerHTML=codes[i];
            spans[i].style.color = colors[Math.floor(Math.random()*10)];    //随机设置验证码颜色
            
        } 
    }
    document.onload = validteCode();
    参考下载
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>    <style type="text/css">  
            .code  
            {  
                background-image:url(code.jpg);  
                font-family:Arial;  
                font-style:italic;  
                color:Red;  
                border:0;  
                padding:2px 3px;  
                letter-spacing:3px;  
                font-weight:bolder;  
            }  
            .unchanged  
            {  
                border:0;  
            }  
        </style>  

        <script language="javascript" type="text/javascript">  
          
         var code ; //在全局 定义验证码  
         function createCode()  
         {   
           code = "";  
           var codeLength = 6;//验证码的长度  
           var checkCode = document.getElementById("checkCode");  
           var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符,当然也可以用中文的  
              
           for(var i=0;i<codeLength;i++)  
           {  
            
              
           var charIndex = Math.floor(Math.random()*36);  
           code +=selectChar[charIndex];  
             
             
           }         if(checkCode)  
           {  
             checkCode.className="code";  
             checkCode.value = code;  
           }  
             
         }  
           
          function validate ()  
         {  
           var inputCode = document.getElementById("input1").value;  
           if(inputCode.length <=0)  
           {  
               alert("请输入验证码!");  
           }  
           else if(inputCode != code )  
           {  
              alert("验证码输入错误!");  
              createCode();//刷新验证码  
           }  
           else  
           {  
             alert("^-^ OK");  
           }  
             
           }  
             
        </script>  

    </head><body onload="createCode()">  
    <form  action="#">  
         <input  type="text"   id="input1" />  
        <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  
        <input id="Button1"  onclick="validate();" type="button" value="确定" />   
    </form>  
    </body>  </html>
      

  3.   

    js弄验证码似乎丢失了验证码原本代表的意义,客户端屏蔽js,验证码就是摆设
      

  4.   

    用JS做验证码,只能难一下菜鸟,对"有心人"毫无用处.
    话说回来,菜鸟是不会搞破坏的. 而对于真正搞破坏的人,你的JS却防不住.
      

  5.   


    验证页面的图片好好的。
    我调用出了什么问题?
    下面是在加载时调用的代码。
      Image1.ImageUrl = "yanzhengma.aspx";运行的时候显示不出图片。
      

  6.   

    js不能写验证码吧,因为js是本机运行的,与服务器一点关系也没有,例如我设置IE浏览器的禁用JS运行(禁用脚本运行),你服务器还怎么验证呢
      

  7.   

    用浏览器运行相应的页面后,查看"源码"
    查看 这个图片的 src值是多少? 如果src正确,没有理由不显示的.清空一下浏览器缓存.
      

  8.   

    <img id="Image1" src="yanzhengma.aspx" style="height:25px;width:120px;border-width:0px;" />源文件是这样的效果,是不是我验证页面出了问题?我验证页面用了一个img显示我绘制的图片。
    其他的什么都没有,而且我验证的页面图片显示是正常的。