小兔鲜页面注册
需求③:手机号验证
正则:/^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 =