基于javascript实现数字英文验证码
本文实例为大家分享了js实现数字英文验证码的具体代码,供大家参考,具体内容如下
<html> <head> <styletype="text/css"> .code{ background-image:url(111.jpg); font-family:Arial,宋体; font-style:italic; color:green; border:0; padding:2px3px; letter-spacing:3px; font-weight:bolder; } .unchanged{ border:0; } </style> <scriptlanguage="javascript"type="text/javascript"> varcode;//在全局定义验证码 functioncreateCode(){ code=newArray(); varcodeLength=4;//验证码的长度 varcheckCode=document.getElementById("checkCode"); checkCode.value=""; varselectChar=newArray(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(); } checkCode.value=code; } functionvalidate(){ varinputCode=document.getElementById("input1").value.toUpperCase(); if(inputCode.length<=0){ alert("请输入验证码!"); returnfalse; } elseif(inputCode!=code){ alert("验证码输入错误!"); createCode(); returnfalse; } else{ alert("成功!"); returntrue; } } </script> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></head> <bodyonLoad="createCode();"> <inputtype="text"id="input1"/> <inputtype="button"id="checkCode"class="code"style="width:60px"onClick="createCode()"/><ahref="#"onClick="createCode()">看不清楚</a> <inputid="Button1"onClick="validate();"type="button"value="确定"/> <script></script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。