JavaScript登录验证码的实现
废话不多说,实现js登录验证码的功能需要下面两步,具体实现过程如下所示:
1.js
varcode="";//在全局定义验证码 functioncreateCode(){ code=""; varcodeLength=6;//验证码的长度 varcheckCode=document.getElementById("checkCode"); checkCode.value=""; varselectChar=newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z'); for(vari=0;i<codeLength;i++){ varcharIndex=Math.floor(Math.random()*32); code+=selectChar[charIndex]; } if(code.length!=codeLength){ createCode(); } document.getElementById("checkCode").innerHTML=code; } functionvalidate(){ varinputCode=document.getElementById("checkNum").value.toUpperCase(); if(inputCode.length<=0){ alert("请输入验证码!"); returnfalse; } elseif(inputCode!=code){ alert("验证码输入错误!"); createCode(); returnfalse; } else{ alert("验证码通过!"); returntrue; } }
2.html
<bodyonload="createCode();"> <inputtype="text"value=""id="checkNum"/> <aid="checkCode"onclick="createCode()"></a> <inputtype="button"class="btnCheck"id="gotoCheck"value="验证"onclick="validate();"/>
以上所述是小编给大家介绍的JavaScript登录验证码的实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!