基于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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。