广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
4008-888-888

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

在线网页设计工具

日期:2020-12-31 浏览:

在线网页设计工具:js+html制作简单验证码

js+html制作简单验证码  更新2017年02月16日   投稿:lijiao   这篇文章主要为大家详细介绍了js结合html制作简单验证码的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
function codes(n){ var a="azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789"; var b=""; for (var i = 0;i i++){ var index=Math.floor(Math.random()*62); b+=a.charAt(index); return b; function show(){ document.getElementById("login").innerHTML=codes(4); window.onload=show;
var checkCode = document.getElementById("code"); var random = 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 index = Math.floor(Math.random()*36);//取得随机数的索引(0~35) code += random[index];//根据索引取得随机数加到code上 checkCode.value = code;//把code值赋给验证码 //校验验证码 document.getElementById("Yzm").addEventListener("change",validate); function validate(){ var inputCode = document.getElementById("Yzm").value.toUpperCase(); //取得输入的验证码并转化为大写 if(inputCode.length = 0) { //若输入的验证码长度为0 alert("请输入验证码!"); //则弹出请输入验证码 $("#Yzm").focus(); YZM = false; else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时 alert("验证码输入错误!@_@"); //则弹出验证码输入错误 createCode();//刷新验证码 $("#Yzm").val(""); span //清空文本框 /span $("#Yzm").focus();//重新聚焦验证码框 YZM = false; else { //输入正确时 $("#Yzm").blur();//绑定验证码输入正确时要做的事 YZM = true;

附效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。


相关文章

这篇文章主要为大家详细介绍了JavaScript实现简单进度条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了js实现缓动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要介绍了js实现的在本地预览图片功能,结合实例形式分析了JavaScript兼容移动web与IE浏览器的图片预览功能相关实现技巧,需要的朋友可以参考下

这篇文章主要为大家详细介绍了JS轮播图的具体实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要介绍了JavaScript实现上下浮动的窗口效果代码,可实现自定义窗口在垂直方向上弹性移动的效果,代码备有完整的注释说明供读者参考学习,需要的朋友可以参考下

做一个鼠标移入移出图片事件,首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同,具体实现如下,感兴趣的朋友可以参考下

这篇文章主要为大家详细介绍了js完整倒计时代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要介绍了JavaScript使用Prototype实现面向对象的方法,实例分析了Prototype属性的使用技巧,非常具有实用价值,需要的朋友可以参考下

这篇文章主要为大家详细介绍了使用localStorage替代cookie做本地存储,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要给大家介绍了关于JavaScript如何实现元素全排列的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧


网站知识

联系方式丨CONTACT

  • 全国热线:4008-888-888
  • 传真热线:010-88888888
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系