验证码
验证码有很多种类，有图片，字符串，短信…首先，我们一般不能使用JS来实现验证，一般都是后台返回的，要不用户可以直接禁用JS，跳过验证，而且客户端实现的都是不安全的。这里我们使用JS来模拟验证码

思路

思路一
我们可以定义一个包含所有数字和字母的字符串str
获取它的长度str.length
在[0,str.length-1]的区间内随机生成一个数字num
通过随机位置num返回当前指定的字符串，str.charAt(num)
生成四个后，拼接成一个新的字符串(concat)
这种方法可行不可取，代码可读性不强
思路二
可以利用字符串和正则表达式，和上面的方式都是半斤八两

body下面的基本样式

	<span id="code" style="background-color: #ccc">1010</span><input type="button" value="刷新" οnclick="randomCode()"><br><input type="text" id="txt" placeholder="请输入验证码"><input type="button" value="提交" οnclick="checkCode()">

在Js里面写方法

<script>//获取元素var code = document.getElementById('code');var txt = document.getElementById('txt');//新建字符串，字符串中包含所有的值var str = '0123456789abcdefghijklmnopqrstuvwxyz';//封装函数function randomCode() {//定义一个空的字符串var strNew = '';// 随机产生四位字符，放在code元素里for (var i = 0; i < 4; i++) {var index = parseInt(Math.random() * str.length);strNew += str.charAt(index);}// 设置code元素的innerTextcode.innerText = strNew;}//验证输入的是否正确，函数封装function checkCode() {if (txt.value == code.innerText) {alert('验证成功');} else {alert('验证失败，请重新输入');txt.value = '';randomCode();}}</script>

上面就是一个简单的验证码封装代码 可以适应很多场景
主要还是利用正则判断 和 字符串的理解