JavaScript生成验证码并实现验证功能
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<html> <head> <title>验证码</title> <styletype="text/css"> #code { font-family:Arial; font-style:italic; font-weight:bold; border:0; letter-spacing:2px; color:blue; } </style> <scripttype="text/javascript"src="checkCode.js"> </script> </head> <body> <div> <inputtype="text"id="input"/> <inputtype="button"id="code"onclick="createCode()"/> <inputtype="button"value="验证"onclick="validate()"/> </div> </body> </html>
checkCode.js
varcode;//在全局定义验证码 //产生验证码 window.onload=functioncreateCode(){ code=""; varcodeLength=4;//验证码的长度 varcheckCode=document.getElementById("code"); varrandom=newArray(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(vari=0;i<codeLength;i++){//循环操作 varindex=Math.floor(Math.random()*36);//取得随机数的索引(0~35) code+=random[index];//根据索引取得随机数加到code上 } checkCode.value=code;//把code值赋给验证码 } //校验验证码 functionvalidate(){ varinputCode=document.getElementById("input").value.toUpperCase();//取得输入的验证码并转化为大写 if(inputCode.length<=0){//若输入的验证码长度为0 alert("请输入验证码!");//则弹出请输入验证码 } elseif(inputCode!=code){//若输入的验证码与产生的验证码不一致时 alert("验证码输入错误!@_@");//则弹出验证码输入错误 createCode();//刷新验证码 document.getElementById("input").value="";//清空文本框 } else{//输入正确时 alert("^-^");//弹出^-^ } }
以上所述是小编给大家介绍的JavaScript生成验证码并实现验证功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!