<input type="text" name="" id="text" value="" />
<input type="button" name="" id="btn" value="验证" />
<div id="div"></div>
<script type="text/javascript">
var btn = document.getElementById('btn');
var text = document.getElementById('text');
var code = document.getElementById('div');
// 点击验证码也可以切换
code.onclick = function() {
fCode(4)
};
btn.onclick = function() {
if (text.value === code.innerText) {
console.log('验证通过')
} else {
console.log('验证失败')
}
}
// 先执行一下函数,点击得时候需要再执行一下
fCode(4)//这个4就是生成4位验证码
// 生成验证码函数
function fCode(codeLen) {
var str = 'qwesadgfyh56378975hdf';
var strCode = '';
for (var i = 0; i < codeLen; i++) {
// n其实就是str的长度的下标
var n = Math.floor(Math.random() * str.length);
strCode += str[n];
}
code.innerText = strCode
}
</script>