实用的JavaScript验证码生成代码
javaScript简单验证代码（用户名，密码，邮箱）
javaScript简单验证代码（⽤户名，密码，邮箱）复制代码代码如下:<script language="javascript">function IsDigit(cCheck){return (('0'<=cCheck) && (cCheck<='9'));}function IsAlpha(cCheck){return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCheck<='Z')))}function IsaNull(cCheck){return(cCheck != " ")}function checkform(){id = document.sform1.id.value;if (id == ""){alert("请输⼊注册名");document.sform1.id.focus();return false;}for (nIndex=0; nIndex<id.length; nIndex++){cCheck = id.charAt(nIndex);if (!(IsDigit(cCheck) || IsAlpha(cCheck) || cCheck=='-' || cCheck=='_' || cCheck=='.')){alert("⽤户名只能使⽤字母、数字以及-、_和.，并且不能使⽤中⽂");document.sform1.id.focus();return false;}}chineseid = document.sform1.chineseid.value;if (chineseid == ""){alert("请输⼊中⽂昵称");document.sform1.chineseid.focus();return false;}password = document.sform1.password.value;if (password == ""){alert("请输⼊登陆密码");document.sform1.password.focus();return false;}password1 = document.sform1.password1.value;if (password>password1){alert("重复密码与登陆密码不相同");document.sform1.password.focus();document.sform1.password1.focus();return false;}if (password<password1){alert("重复密码与登陆密码不相同");document.sform1.password.focus(); document.sform1.password1.focus();return false;}if (document.sform1.email.value == ""){alert("请输⼊您的E-MAIL地址"); document.sform1.email.focus();return false;}email=document.sform1.email.value; emailerr=0for (i=0; i<email.length; i++){if ((email.charAt(i) == "@") & (email.length > 5)) {emailerr=emailerr+1}}if (emailerr != 1){alert("请输⼊正确的E-MAIL地址"); document.sform1.email.focus();return false;}if (document.sform1.checkask.value==""){alert("密码提⽰问题不能为空"); document.sform1.checkask.focus();return false;}if (document.sform1.checkans.value=="") {alert("您的密码提⽰问题答案不能为空"); document.sform1.checkans.focus();return false;}return true;}</script>。
JavaScript生成图形验证码
JavaScript⽣成图形验证码本⽂实例为⼤家分享了js⽣成图形验证码的具体代码，供⼤家参考，具体内容如下getGVerify:function (id){function GVerify(options) { //创建⼀个图形验证码对象，接收options对象为参数this.options = { //默认options参数值id: "", //容器IdcanvasId: "verifyCanvas", //canvas的IDwidth: "100", //默认canvas宽度height: "30", //默认canvas⾼度type: "blend", //图形验证码默认类型blend:数字字母混合类型、number:纯数字、letter:纯字母code: ""}if(Object.prototype.toString.call(options) == "[object Object]"){//判断传⼊参数类型for(var i in options) { //根据传⼊的参数，修改默认参数值this.options[i] = options[i];}}else{this.options.id = options;}this.options.numArr = "0,1,2,3,4,5,6,7,8,9".split(",");this.options.letterArr = getAllLetter();this._init();this.refresh();}GVerify.prototype = {/**版本号**/version: '1.0.0',/**初始化⽅法**/_init: function() {var con = document.getElementById(this.options.id);var canvas = document.createElement("canvas");/*this.options.width = con.offsetWidth > 0 ? con.offsetWidth : "100";this.options.height = con.offsetHeight > 0 ? con.offsetHeight : "30";*/canvas.id = this.options.canvasId;canvas.width = this.options.width;canvas.height = this.options.height;canvas.style.cursor = "pointer";canvas.innerHTML = "您的浏览器版本不⽀持canvas";con.appendChild(canvas);var parent = this;canvas.onclick = function(){parent.refresh();}},/**⽣成验证码**/refresh: function() {this.options.code = '';var canvas = document.getElementById(this.options.canvasId);if(canvas.getContext) {var ctx = canvas.getContext('2d');}ctx.textBaseline = "middle";ctx.fillStyle = randomColor(180, 240);ctx.fillRect(0, 0, this.options.width, this.options.height);if(this.options.type == "blend") { //判断验证码类型var txtArr = this.options.numArr.concat(this.options.letterArr);} else if(this.options.type == "number") {var txtArr = this.options.numArr;} else {var txtArr = this.options.letterArr;}for(var i = 1; i <= 4; i++) {var txt = txtArr[randomNum(0, txtArr.length)];this.options.code += txt;ctx.font = '20px SimHei';//ctx.font = randomNum(this.options.height/2, this.options.height) + 'px SimHei'; //随机⽣成字体⼤⼩ctx.fillStyle = randomColor(50, 160); //随机⽣成字体颜⾊/* ctx.shadowOffsetX = randomNum(-3, 3);ctx.shadowOffsetY = randomNum(-3, 3);*/ctx.shadowBlur = randomNum(-3, 3);ctx.shadowColor = "rgba(0, 0, 0, 0.3)";var x = this.options.width / 5 * i;var y = this.options.height / 2;var deg = randomNum(-30, 30);/**设置旋转⾓度和坐标原点**/ctx.translate(x, y);ctx.rotate(deg * Math.PI / 180);ctx.fillText(txt, 0, 0);/**恢复旋转⾓度和坐标原点**/ctx.rotate(-deg * Math.PI / 180);ctx.translate(-x, -y);}/**绘制⼲扰线**/for(var i = 0; i < 4; i++) {ctx.strokeStyle = randomColor(40, 180);ctx.beginPath();ctx.moveTo(randomNum(0, this.options.width/2), randomNum(0, this.options.height/2));ctx.lineTo(randomNum(0, this.options.width/2), randomNum(0, this.options.height));ctx.stroke();}/**绘制⼲扰点**/for(var i = 0; i < this.options.width/4; i++) {ctx.fillStyle = randomColor(0, 255);ctx.beginPath();ctx.arc(randomNum(0, this.options.width), randomNum(0, this.options.height), 1, 0, 2 * Math.PI);ctx.fill();}},/**验证验证码**/validate: function(code){var verifyCode = code.toLowerCase();var v_code = this.options.code.toLowerCase();if(verifyCode == v_code){return true;}else{return false;}}}/**⽣成字母数组**/function getAllLetter() {var letterStr = "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,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"; return letterStr.split(",");}/**⽣成⼀个随机数**/function randomNum(min, max) {return Math.floor(Math.random() * (max - min) + min);}/**⽣成⼀个随机⾊**/function randomColor(min, max) {var r = randomNum(min, max);var g = randomNum(min, max);var b = randomNum(min, max);return "rgb(" + r + "," + g + "," + b + ")";}return new GVerify(id);}调⽤⽅法var verifyCode = new GVerify(id);验证⽅法if(verifyCode.validate(inputCode)){return true;}esle{return false;}以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
javascript原生实现数字字母混合验证码
javascript原⽣实现数字字母混合验证码实现4位数数字字母混合验证码(数字+⼤写字母+⼩写字母)ASCII 字符集中得到3个范围： 1. 48-57 表⽰数字0-9 2. 65-90 表⽰⼤写字母 3. 97-122 表⽰⼩写字母范围随机数：parseInt(Math.random()*4); //此时Math.random意为“⼤于等于0，⼩于4”，取整后为0~3// 如何把最⼩值变成1呢？ +1就变成了1parseInt(Math.random()*4)+1; // +1后范围变成了“⼤于等于1，⼩于5”，parseInt取整后范围是1~4// 如果想获取50-100的范围随机数 min ~ maxmin + parseInt(Math.random()*(max - min + 1)); //+1后Math.random取值为⼤于等于0，⼩于51// min + 0 ~ 50 = 50~100具体实现如下：1 <script>2// 获取随机数的范围3function getRandomInt (min , max){4return min + parseInt(Math.random() * (max - min + 1))5 }6// 获取验证码7function getStringValidate(){8var res = "";9var min , max;10// 循坏代码进⾏拼接11for(var i = 0; i < 4; i++){12// 选择范围 1,2,313// 决定范围的开头和结尾14switch(getRandomInt(1 , 3)){15// 1是数字16case 1 :17 min = 48; max = 57;18break;19// 2是⼤写字母20case 2 :21 min = 65; max = 90;22break;23// 3是⼩写字母24case 3 :25 min = 97; max = 122;26break;27 }28// console.log(min , max);//随机范围29var randomInt = getRandomInt(min , max);30// var randomString = String.fromCharCode(randomInt);31// console.log(randomString);//⼀个随机字符经过上⾯的4次循环，⽣成4个随机数32// 拼接起来33 res += String.fromCharCode(randomInt);34 }35// console.log(randomString);//经过上⾯的4次循环，⽣成4个随机数36 console.log(res);37return res;38 }39 getStringValidate();40 </script>。
js验证手机号、密码、短信验证码代码工具类
js验证⼿机号、密码、短信验证码代码⼯具类本⽂实例为⼤家分享了js验证⼿机号、密码、短信验证码的代码⼯具类，供⼤家参考，具体内容如下代码⼯具类/*** 参数较验** */var verification = {stop : false, //倒计时//验证⼿机号phone : function (tel, id) {if ("" == tel || !tel) {mui.toast('⼿机号不可以为空!');} else {var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;//验证规则if (reg.test(tel)) return true;mui.toast("⼿机号错误!");}document.getElementById(id).focus();return false;},//验证密码(密码只能由数字和字母组成)password : function (w, id) {if ("" == w || !w) {mui.toast('请输⼊密码!');} else if (w.length < 6) {mui.toast('密码⾄少⼤于等于6位!');} else if (w.length > 20) {mui.toast('密码不能超过20位!');} else if (w) {var reg = /^[0-9a-zA-Z]+$/;if (reg.test(w)) return true;mui.toast("密码只能由数字和字母组成");}document.getElementById(id).focus();return false;},//验证码倒计时code : function (tel, btn, type) {var that = this,tel = $.trim(tel);if (!this.phone(tel, 'userTel')) return false;if (true == that.stop) return false; //防⽌重复点击that.stop = true;var btn = $("#"+btn);btn.attr("disabled", true).text("正在发送");var _no = 60;var time = setInterval(function () {_no--;btn.text(_no + "秒后重发");if (_no == 0) {//btn.attr("disabled", false).text("获取验证码");btn.removeAttr('disabled').text("重新获取验证码");that.stop = false;_no = 60;clearInterval(time);}}, 1000);var url = "/Home/User/sendVerifyCode.html";$.post(url, {toNumber: tel,type:type}, function (result) {mui.toast();if (200 != result.status) {btn.removeAttr('disabled').text("获取验证码");that.stop = false;_no = 60;clearInterval(time);}}, 'json');}};以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
js实现验证码案例
js 实现验证码案例本⽂实例为⼤家分享了js 实现验证码的具体代码，供⼤家参考，具体内容如下css 代码：1234567891011121314151617input{ width: 200px; height: 32px;border: 1px solid #000;box-sizing: border-box;}#c1{ vertical-align: middle; box-sizing: border-box;cursor: pointer;}#btn{ display: block; margin-top: 20px;height: 32px;font-size: 16px;}HTML 代码：12345<div class="code"> <input type="text" value="" id="inputValue" placeholder="请输⼊验证码（不区分⼤⼩写）"> <canvas id="c1" width="100" height="30" style="border:1px solid black"></canvas> <br><button id="btn">提交</button></div>js 代码：使⽤了部分jQuery 的⽅法，请记得先引⼊jQuery12345678910111213141516$(function(){// 存放随机的验证码 var showNum = [] draw(showNum) $("#c1").click(function(){draw(showNum)})$("#btn").click(function(){ var s = $("#inputValue").val().toLowerCase() var s1 = showNum.join("")17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 if(s==s1) {alert("提交成功")}else{alert("验证码错误")}draw(showNum)})// 封装⼀个把随机验证码放在画布上function draw(showNum){// 获取canvasvar canvas = $("#c1")var ctx = canvas[0].getContext("2d")// 获取画布的宽⾼var canvas_width = canvas.width()var canvas_height = canvas.height()// 清空之前绘制的内容// 0,0清空的起始坐标// 矩形的宽⾼ctx.clearRect(0,0,canvas_width,canvas_height)// 开始绘制var scode = "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,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,1,2,3,4,5,6,7,8,9," var arrCode = scode.split(",")var arrLength = arrCode.lengthfor(var i = 0;i<4;i++){var index = Math.floor(Math.random()*arrCode.length)var txt = arrCode[index]//随机⼀个字符showNum[i] = txt.toLowerCase()//转化为⼩写存⼊验证码数组// 开始控制字符的绘制位置var x = 10 +20*i //每⼀个验证码绘制的起始点x坐标var y = 20 + Math.random()*8// 起始点y坐标ctx.font = "bold 20px 微软雅⿊"// 开始旋转字符var deg = Math.random*-0.5// canvas 要实现绘制内容具有倾斜的效果，必须先平移，⽬的是把旋转点移动到绘制内容的地⽅ctx.translate(x,y)ctx.rotate(deg)// 设置绘制的随机颜⾊ctx.fillStyle = randomColor()ctx.fillText(txt,0,0)// 把canvas复原ctx.rotate(-deg)ctx.translate(-x,-y)}for(var i = 0;i<30;i++){if(i<5) {// 绘制线ctx.strokeStyle = randomColor()ctx.beginPath()ctx.moveTo(Math.random()*canvas_width,Math.random()*canvas_height)ctx.lineTo(Math.random()*canvas_width,Math.random()*canvas_height)ctx.stroke()}// 绘制点ctx.strokeStyle = randomColor()ctx.beginPath()var x = Math.random()*canvas_widthvar y = Math.random()*canvas_heightctx.moveTo(x,y)ctx.lineTo(x+1,y+1)ctx.stroke()}}7980818283848586878889909192// 随机颜⾊function randomColor(){var r = Math.floor(Math.random()*256) var g = Math.floor(Math.random()*256) var b = Math.floor(Math.random()*256) return `rgb(${r},${g},${b})`}})随便写的案例，有错误还请⼤家多多指教以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
js 6位验证码 验证函数
主题：js 6位验证码验证函数内容：随着互联网的发展，验证码在我们的生活中扮演着越来越重要的角色。
在全球信息站注册、登入、找回密码等流程中，验证码的作用是不可替代的。
其中，6位验证码是一种常见的形式，它通常用于验证用户的身份，保护用户信息的安全。
在实际开发中，我们经常需要编写js代码来实现这一功能。
本文将介绍如何使用js编写一个简单的6位验证码验证函数。
一、生成6位随机验证码在编写验证码验证函数之前，我们首先需要生成一个6位的随机验证码。
在js中，我们可以借助Math.random()方法来生成随机数，并通过一定的处理得到6位验证码。
以下是一种常见的实现方式：```javascriptfunction generateCode() {var code = '';for (var i = 0; i < 6; i++) {code += Math.floor(Math.random() * 10);}return code;}```上面的代码定义了一个generateCode函数，该函数内部通过循环生成了6位随机数字，并将其拼接成一个字符串，最终返回生成的验证码。
调用generateCode()函数即可获取一个6位随机验证码。
二、编写验证码验证函数有了生成6位随机验证码的基础，接下来我们来编写验证码验证函数。
验证码验证函数的作用是判断用户输入的验证码是否与生成的验证码一致。
下面是一个简单的验证码验证函数的实现：```javascriptfunction validateCode(input, code) {if (input === code) {return true;} else {return false;}}```上面的代码定义了一个validateCode函数，该函数接受两个参数，分别是用户输入的验证码和生成的验证码。
函数内部通过比较这两个值的大小，如果相等则返回true，否则返回false。
JavaScript实现4位随机验证码的生成
JavaScript实现4位随机验证码的⽣成本⽂实例为⼤家分享了JavaScript⽣成4位随机验证码的具体代码，供⼤家参考，具体内容如下代码：<!doctype html><html><head><meta charset="utf-8"><title>4位随机验证码的⽣成</title><style>label{color:aqua;float:left;font-size: 20px;line-height:2em;}#tex{display:inline-block;width:50px;height: 25px;float:left;text-align: center;font-size:15px;margin-top:10px;}#showyz{border:3px solid green;color:blue;width:90px;height:40px;text-align:center;float:left;margin-left:15px;line-height: 2.5em;}#hyz{background-color:burlywood;border:1px solid burlywood;width:50px;height:20px;float: left;margin-left:20px;margin-top: 10px;margin-right:15px;}#btn{}</style></head><body><label for="tex">请输⼊验证码：</label><input type="text" id="tex" maxlength="4" autofocus><div id="showyz"></div><div id="hyz">换⼀张</div><br><input type="button" id="btn" value="确认"></body><script>//定义个空数组保存62个编码var codes=[];//将数字对应的编码保存到codes数组中，数字编码范围【48-57】for(var i=48;i<=57;i++){codes.push(i);}//将⼤写字母对应的编码保存到codes数组中，对应编码范围【65-90】for(var i=65;i<=90;i++){codes.push(i);}//将⼩写字母对应的编码保存到codes数组中，对应编码范围【97-122】for(var i=97;i<=122;i++){codes.push(i);}//定义个⽅法⽣成62位随机数作为数组⾓标返回随机的编码，再将其编码转化为对应数字或者字母function suiji(){var arr=[];//定义个数组保存4位随机数for(var i=0;i<4;i++){var index=Math.floor(Math.random()*(61-0+1)+0);//⽣成个随机数var char=String.fromCharCode(codes[index]);//解码arr.push(char); //存⼊到数组arr中}return arr.join("");//将数组转为字符串，以空格分隔，并返回}var yzm=suiji();//调⽤⽅法，将放回的验证码返回到yzm中//获取上述元素var tex=document.getElementById("tex");var showyz=document.getElementById("showyz");var hyz=document.getElementById("hyz");var btn=document.getElementById("btn");//将验证码写⼊到id为showyz的div中showyz.innerHTML=yzm;//实现换⼀张验证码功能hyz.οnclick=function(){yzm=suiji();showyz.innerHTML=yzm;}//将⾃⼰输⼊的验证码与获取的随机验证码验证btn.οnclick=function(){var textvalue=tex.value;//获取输⼊的值if(textvalue.toLowerCase()==yzm.toLowerCase()){//将值都转为⼩写⽐较alert("验证码输⼊正确！");yzm=suiji();showyz.innerHTML=yzm;tex.value="";}else{alert("验证码输⼊错误，请重新输⼊！");yzm=suiji();showyz.innerHTML=yzm;tex.value="";}}</script></html>以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
JavaScript编写随机四位数验证码（大小写字母和数字）
JavaScript编写随机四位数验证码（⼤⼩写字母和数字）1、JavaScript编写随机四位数验证码，⽤到的知识点为： a、Math对象的随机数：Math.random()b、Math对象的取整：Math.floor() c、处理所需要的下标个数，结合以上两个Math对象。
2、⾸先，来做⼏道简单的结果输出。
a、Math.random()*100； b、Math.floor(Math.random()*100)； c、Math.floor(Math.random()*100)%16； 相信⼤家前两道题很容易就能够做对。
结果分别是 a、0-100之间的随机浮点数。
b、0-100之间的随机整数。
那么第三道题⽆⾮就是 0-100之间的随机整数对16取余数，将会是⼀个什么区间呢？ 在这⾥我告诉⼤家⼀个⽅法： 任何数字对某⼀个数字取余数，那么最⼩的余数应该是 0 本⾝，那么最⼤的余数应该是什么呢？答案当然是⽐他⼩ 1 。
以这道题为例：100%16 最⼤的余数当然是 15 ，因为余数如果是16 的话他将被整除，最终余数为0.3、说了这么多⼩问题，基础题，我们学会了这些能够做什么呢？ 本篇⽂章为⼤家编写⼀个随机验证码（4位数⼤⼩写字母数字组成）实现随机变换颜⾊，随机变换字号⼤⼩，随机抽取字母数字。
/*1、随机的颜⾊，随机的字号，随机的字母数字。
颜⾊由：0-9的数字，a-f的字母组成。
字号：以html标记font的属性1-7组成。
字母数字：⼩写26个字母，⼤写26个字母，0-9 的数字组成。
2、创建三个数组，数组元素为以上三组。
3、4位数验证码，需要使⽤循环遍历，条件是4次。
每次在这个循环中，我需要产⽣随机颜⾊数组长度的下标、随机字号数组颜⾊的下标、随机抽取字母⼤⼩写，数字样本数组的下标。
4、拼接字符串，每次⽣成⼀个font元素， color="颜⾊数组[随机下标]" size = "字号数组[随机下标]" 内容为：字母数字样本[随机下标]5、输出随机字符串*/<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>4位字母验证码</title><script type="text/javascript">function checkCodeofRandom(){// 所需随机抽取的样本数组var nums=new Array("q","w","e","r","t","y","u","i","o","p","a","s","d","f","g","h","j","k","l","z","x","c","v","b","n","m","A","W","E","R","T","Y","U","I","O","P","A","S","D","F","G","H","J","K","L","Z","X","C","V","B","N","M","0","1","2","3","4","5","6 // 初始化拼接字符串var str="";//颜⾊需要的数组元素var nums1=new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");var n1="";//字号需要的数组元素var nums2=new Array("1","2","3","4","5","6","7");var n2;for(i=0;i<4;i++){//遍历拼接颜⾊⾊值 eg 000000for(var j=0;j<6;j++){var k=Math.floor(Math.random()*100)%16;n1=n1+nums1[k];}//每次⽣成⼀个随机的字号var o=Math.floor(Math.random()*100)%8;n2=nums2[o];//每次⽣成⼀个0 - 61 之间的 number 作为随机获取验证码的下标var p=Math.floor(Math.random()*1000)%62;//拼接验证码随机颜⾊随机字号随机抽取⼤⼩写字母和数字str+="<font color='#"+n1+"' size='"+n2+"'>"+nums[p]+"</font>"}document.getElementById("checkCode").innerHTML = str;}</script></head><body><div id = 'checkCode' style="width:100px; float: left; "></div><button id = "btn" onclick="checkCodeofRandom()">获取验证码</button></body></html>本博客是博主⾃⼰研究，编写的随机验证码，请深⼊理解其随机思想。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml" > <head> <title>实用的 JavaScript 验证码生成代码-JAVA:</title> <style type="text/css"> .code { background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged {border:0;} </style> <script language="javascript" type="text/javascript">
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];
} if(checkCode) { checkCode.className="code"; checkCode.value = code; }
}
function validate () { var inputCode = document.getElementById("input1").value; if(inputCode.length <=0) { alert("请输入验证码！"); } else if(inputCode != code ) { alert("验证码输入错误！"); createCode();//刷新验证码 }
else { alert("^-^ OK"); }
}
</script> </head> <body onload="createCode()"> <form action="#"> <input type="text" id="input1" /> <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /><br /> <input id="Button1" onclick="validate();" type="button" value="确定" /> </form> </body> </html>
。