JS验证不重复验证码
话不多说,请看代码:
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>不重复验证码</title> <style> .cont{width:300px;height:auto;margin:50pxauto;} #useId{width:120px;height:45px;line-height:45px;background:#ccc;text-align:center;font-size:20px;margin:10px;} </style> </head> <body> <divclass="cont"> <divid="useId"></div> <inputtype="text"id="txt"/> <inputtype="button"id="btn"value="Start"/> <div> <script> function$(id){ returndocument.getElementById(id); } var$useId=$('useId'), $txt=$('txt'), $btn=$('btn'); functiongetStr(){ varstring='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789', str=''; while(str.length<6){ varstr1=string.charAt(Math.round(Math.random()*56)); if(str.indexOf(str1)===-1){ str+=str1; } } $useId.innerHTML=str; } functioncheckCode(){ if($txt.value==$useId.innerHTML){ alert('验证成功'); }else{ alert('验证失败'); } } $useId.onclick=getStr; $btn.onclick=checkCode; </script> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!