关于一个验证码验证的问题

soso24w 2009-12-06 02:41:58

很奇怪的点第一个按扭出现的验证码验证不会成功反倒是确定（确认错误刷新验证码）出现的验证码就可以
另外怎么按扭上也会出现验证码本来就只是想让在弹出窗口出现的

 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];   

          

          

       }   

      //alert(code);   

       if(checkCode)   

       {   

         checkCode.className="code";   

         checkCode.value = code;   

       }   

        alert(code);    

     }   

        

      function validate ()   

     {   

       var inputCode = document.getElementById("input1").value;   

       if(inputCode.length <=0)   

       {   

           alert("请输入验证码！");   

       }   

       else if(inputCode != code )   

       {   

          alert("验证码输入错误！");   

          createCode();//刷新验证码   

       }   

       else   

       {   

         alert("^-^ OK");   

       }   

          

       }

<form  action="">

  <input  type="text"   id="input1" />

<input type="submit" onclick="createCode()"  id="checkCode"  style="width: 80px" value="获取验证码" /></form></br />  

    <input id="Button1"  onclick="validate();" type="submit" value="确定" />    

</form>

...全文

151 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

羽蓝 2009-12-09

打赏
举报

看的晕了……

kyo_liumiao1 2009-12-09

打赏
举报

楼主很多js的原理没有搞清楚,submit的按钮点了之后页面刷新把你原来生成的code置空了,当然错误了,第二次正确因为没有重新刷新页面.
按钮出现验证吗是你加了这段代码

checkCode.value = code;
楼主应该先用develop bar调试一下

soso24w 2009-12-09

打赏
举报

谢谢3,4楼都解决了第一个问题哈但第二个为什么会在按钮上也出现验证码啊先等等咯 ^_^

zhangshaolongjj 2009-12-06

打赏
举报

leonblue903 2009-12-06

打赏
举报

改过之后的代码

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];  

       }   

      //alert(code);   

      if(checkCode)   

       {   

         checkCode.className="code";   

         checkCode.value = code;   

       }   

		document.getElementById("cc").innerHTML=code; 

        alert(code);    

     }   

        

      function validate ()   

     {   

       var inputCode = document.getElementById("input1").value;   

       if(inputCode.length <=0)   

       {   

           alert("请输入验证码！");   

       }   

       else if(inputCode != code )   

       {   

          alert("验证码输入错误！");   

          createCode();//刷新验证码   

       }   

       else   

       {   

         alert("^-^ OK");   

       }   

          

       }

<body>

	<form action="">  

		<input type="text" id="input1" /> 



		<input type="button" onclick="createCode()" id="checkCode" style="width: 80px" value="获取验证码" />

		<br /> 

		<div id="cc">默认值</div>

		<input id="submit" onclick="validate();" type="submit" value="确定" /> 

	</form>

 </body>