JavaScript实现简单的数字验证码

Leisure_Time

于 2020-01-22 21:31:06 发布

阅读量587

点赞数

分类专栏： JS 文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_45615791/article/details/104072789

版权

JS 专栏收录该内容

43 篇文章 1 订阅

订阅专栏

主要使用Math的随机数，附加去重代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数字验证码</title>
	</head>
	<body>
		<input type="text" name="" id="input" /><button>验证</button>
		<div></div>
	</body>
	<script type="text/javascript">
		let arrs = [], i= 0, j= 0
		for (let i= 0; i<18; i++) {
			arrs[i] = Math.floor(Math.random()*9+1)//获取到随机数
		}
		console.log('生成随机数',arrs)
		i= 0
		for (i; i<arrs.length; i++) {
			for (j= i+1; j<arrs.length; j++) {
				if (arrs[i] == arrs[j]) {
					arrs.splice(j, 1)
					j--
				}
			}
		}
		let nums =[]
		nums = arrs.slice(0,4)
		console.log('去重',arrs)
		console.log('截取',nums)
		let div = document.querySelector('div')
		div.innerText += nums
		let input = document.querySelector('#input')
		let btn = document.querySelector('button')
		btn.addEventListener('click',()=>{
			console.log(typeof(nums.join('')),nums.join(''))
			console.log(typeof(input.value),input.value)
			if (nums.join('') == input.value) {
				console.log('验证成功')
			}else {
				console.log('验证失败')
			}
		})
	</script>
</html>