效果:点击“点击发送验证码”会随机获得一个六位验证码,同时“点击发送验证码按钮”改为“再发一次”。将验证码输入input框内验证,正确提示验证码挣钱,错误提示验证码错误。
实现效果:
<input type="text" placeholder="请输入验证码">
<button></button>
<div></div>
<button></button>
<script>
var inp = document.querySelector('input')
var div = document.querySelector('div')
var but = document.querySelectorAll('button')
but[0].innerHTML = '提交'
but[1].innerHTML = '点击发送验证码'
var k = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
var b = ''
but[1].onclick = function () {
b = ''
but[1].innerHTML = '再发送一次'
for (var i = 0; i <= 5; i++) {
var n = kun(0, k.length - 1)
b += k[n]
}
div.innerHTML = b
}
but[0].onclick = function () {
var inps = inp.value
if (inps == b) {
alert('验证码正确')
}else {
alert('验证码错误')
}
}
function kun(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min)
}
</script>