帮助中心
获取牛币
联系我们
关于我们
版权声明
素材牛首页
微博登录
QQ登录
微信扫码登录
注册
登录
新浪微博
QQ登陆
微信登录
热门搜索:
小程序
支付
Java
后台模板
上传
商城模板
jQuery
手机
Thinkphp
微信
Vue.js
首 页
网页特效
整站源码
PHP实例
网站模版
工具箱
常用代码
论坛
游戏源码
资源分享
当前位置:
首页
»
精选常用代码
» 数组实现验证码
数组实现验证码
浏览:607次
-
评论:0次
-
发布时间:2017-09-15
Html
Css
Js
换一张
div { width:300px; margin:100px auto; } .ipt { width:150px; height:30px; } #ma { width:70px; height:35px; font-size:22px; text-align:center; line-height:30px; display:inline-block; border:1px solid #ccc; } a { color:black; text-decoration:none; }
var code; function createCode() { code = ""; var codeLength = 4; //验证码的长度 var checkCode = document.getElementById("ma"); var codeChars = 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', '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 charNum = Math.floor(Math.random() * 52); code += codeChars[charNum]; } if (checkCode) { checkCode.className = "code"; checkCode.innerHTML = code; } } createCode(); var ipt = document.querySelector(".ipt"); var pan = document.querySelector(".pan"); ipt.onkeyup = function() { var inputCode = document.querySelector(".ipt").value; if (inputCode.length <= 0) { pan.innerText = "不能为空!"; pan.style.color = "red"; } else if (inputCode.toUpperCase() != code.toUpperCase()) { pan.innerText = "输入错误"; pan.style.color = "red"; // createCode(); } else { pan.innerText = "√输入正确"; pan.style.color = "green"; } }
↑上面代码改变,会自动显示代码结果
jQuery调用版本:
1.11.3
<!doctype html><html><head><meta charset="utf-8"><title>数组实现验证码-www.sucainiu.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style>
</style></head><body>
<script>
</script>
</body></html>
立即下载
收藏
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!
充值积分
充值会员
更多说明»
代码描述:实现验证码的切换和验证
图片上传转base64显示
文本框自动跳转下一个
讨论这个常用代码(0)
回答他人问题或分享心得会奖励牛币
〒_〒 居然一个评论都没有……
文明上网,理性发言! 😉 阿里云幸运券,
戳我领取
发表评论
提交回复
我的积分余额:
0
已下载次数:
607
所需牛币:
5
开始下载
牛币获取:
签到、评论、充值
» 在线充值
(10牛币=1元)
成为VIP可永久免积分下载全部常用代码
» 查看详情
VIP
客服
签到
充值