在线网页设计工具：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具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
全国热线：4008-888-888
传真热线：010-88888888
Q Q咨询：2639601583
企业邮箱：