JS验证码实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<script language="javascript">
var code; //在全局 定义验证码
function createCode()
{ //创建验证码函数
 code = "";
 var codeLength =4;//验证码的长度
 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]; 
 }
// 设置验证码的显示样式，并显示
 document.getElementById("discode").style.fontFamily="Fixedsys"; //设置字体
 document.getElementById("discode").style.letterSpacing="5px"; //字体间距
 document.getElementById("discode").style.color="#0ab000"; //字体颜色
 document.getElementById("discode").innerHTML=code; // 显示
}
function but()
{//验证验证码输入是否正确
 var val1=document.getElementById("t1").value;
 var val2=code;
 if(val1!=val2){
  alert("验证码错误!");
 document.getElementById('t1').value="";
  }
 }
</script>

验证码框

 <div class="input">
    <input id="t1" type="text" name="u" placeholder="验证码" onblur="but()" />
    <span id="discode"></span>
    <input type="button" value="换一换" class="c" style="height:20px;"onClick="createCode()">
    </div>

效果

总结

以上所述是小编给大家介绍的JS验证码实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# js # 验证码实现 # JavaScript生成随机验证码代码实例 # JS实现点击发送验证码 xx秒后重新发送功能 # php/JS实现的生成随机密码(验证码)功能示例 # js实现随机8位验证码 # JS 验证码功能的三种实现方式 # js+canvas实现滑动拼图验证码功能 # js实现登录注册框手机号和验证码校验（前端部分） # JS如何实现手机端输入验证码效果 # 验证码 # 给大家 # 小编 # 在此 # 说了 # 可以用 # 不多 # 所示 # 所述 # 给我留言 # 感谢大家 # 是否正确 # 疑问请 # 有任何 # 验证码错误 # Array # selectChar # function # createCode # codeLength

返回目录在线咨询

上一篇：什么是内容优化，如何执行_SEO优化教程
下一篇：Dlib基于MMOD的CNN人脸检测模型：原理与实践

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JS验证码实现代码

您的项目需求