【JavaScript】综合案例-小兔鲜页面注册（3）

小兔鲜页面注册

需求③：手机号验证
  正则：/^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
  其余同上

需求④：验证码验证
  正则： /^\d{6}$/
  其余同上

需求⑤：密码验证
  正则： /^[a-zA-Z0-9-_]{6,20}$/
  其余同上

需求⑥：再次密码验证
  如果本次密码不等于上面输入的密码，则返回错误信息
  其余同上

需求⑦：我同意模块
  添加类 .icon-queren2 ，则是默认选中样式，可以使用 toggle切换类

需求⑧：表单提交模块
  使用 submit 提交事件
  如果没有勾选同意协议，则提示 需要勾选
  classList.contains() 看看有没有包含某个类，如果有则返回 true，没有则返回 false
  如果上面 input 表单，只要有模块，返回的是false，则阻止提交。

// 3. 验证的是手机号
// 3.1 获取手机号表单
const phone = document.querySelector('[name=phone]')
// 3.2 使用change事件 值发生变化的时候
phone.addEventListener('change', verifyPhone)
// 3.3 封装verifyPhone函数
function verifyPhone() {
   
    const span = phone.nextElementSibling
    // 3.4 定规则 手机号
    const reg =