JavaScript验证码的实例代码（附效果图)

效果如下

复制代码代码如下： html xmlns=' http://www。w3。org/1999/XHTML ' head runat=' server ' title/title style type=' text/CSS ' .代码{后台： URL(代码_ BG。jpg)；font-family : arial字体样式：斜体；颜色：蓝色；font-size :30 pxborder :0 padd :2 px 3px字母间距：3 px字体粗细：加粗；float:leftcursor:pointer指针指针；宽度宽度：150像素高度：60 px线高：60 px文本对齐：居中；垂直对齐：毫米；} a { text-decoration : nonefont-size :12 pxcolor: # 288bc4} a :悬停{ text-decoration :下划线；}/样式脚本语言=' JavaScript '类型=' text/JavaScript ' var代码；函数create code(){ code=' '；var codeLength=6；//验证码的长度var校验码=文档。getelementbyid('校验码')；var codeChars=新数组(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’、‘R’、‘S’、‘T’、‘U’、‘V’、‘W’、‘X’、‘G’、‘H’、‘I’、‘J’、‘K’、‘M’、‘N’、‘O’、‘P’、‘Q’、‘R’、‘S’、‘T’、‘U’、‘V//所有候选组成验证码的字符，当然也可以用中文的for(var I=0；我代码长度；I){ var charNum=math。地板(数学。random()* 52)；code=CodeChars[CharNum]；} if(CheckCode){ CheckCode。类名=' COdecheckCode.innerHTML=code} }函数validate code(){ var inputCode=document。getelementbyid(' inputCode ').价值；if (inputCode.length=0) { alert('请输入验证码！');} else if (inputCode.toUpperCase()！=code.toUpperCase()) { alert('验证码输入有误！');create COde()；} else { alert('验证码正确！');} }/script/head body on load=' createCode()' form id=' form 1 ' runat=' server ' on submit=' validateCode()' div表边框=' 0 '单元格间距=' 5 '单元格填充=' 5 ' tr TD/tdtd div class=' code ' id=' check code ' onclick=' createCode()'/div/TD TDA href=' # ' onclick=' createCode()'看不清换一张/a/td /tr验证码：/TDT输入样式=' float : lefttype=' text ' id=' input code '/tdtd请输入验证码/TD/tr/trtd/TDT输入id=' button 1 ' onclick=' validate code()；type='button' value='确定//tdtd/TD/tr/table/div/form/body/html