<html> <head> <title>验证码</title> <style type="text/css"> #code { font-family:arial; font-style:italic; font-weight:bold; border:0; letter-spacing:2px; color:blue; } </style> <script type = "text/javascript" src = "checkcode.js"> </script> </head> <body> <p> <input type = "text" id = "input"/> <input type = "button" id="code" onclick="createcode()"/> <input type = "button" value = "验证" onclick = "validate()"/> </p> </body> </html>
checkcode.js
var code ; //在全局定义验证码 //产生验证码 window.onload = function createcode(){ code = ""; var codelength = 4;//验证码的长度 var checkcode = document.getelementbyid("code"); var random = 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 index = math.floor(math.random()*36);//取得随机数的索引（0~35） code += random[index];//根据索引取得随机数加到code上 } checkcode.value = code;//把code值赋给验证码 } //校验验证码 function validate(){ var inputcode = document.getelementbyid("input").value.touppercase(); //取得输入的验证码并转化为大写 if(inputcode.length <= 0) { //若输入的验证码长度为0 alert("请输入验证码！"); //则弹出请输入验证码 } else if(inputcode != code ) { //若输入的验证码与产生的验证码不一致时 alert("验证码输入错误！@_@"); //则弹出验证码输入错误 createcode();//刷新验证码 document.getelementbyid("input").value = "";//清空文本框 } else { //输入正确时 alert("^-^"); //弹出^-^ } }
上面是我整理给大家的在js中生成验证码并验证，希望今后会对大家有帮助。
相关文章：
有关在js 获取json数据简单调用（代码附上，简单粗暴）
利用js 来判断客户端能否上网（代码附上）
结合代码详细解读，javascript中的字符串连接
以上就是在js中生成验证码并验证(含有代码，简单粗暴，包教包会)的详细内容。