重点和表单验证

手机号的规则

 var reg = /^1[3-9]\d{9}$/;

 

邮箱的规则：126/163/qq

[]中的上档键，表示非

qq号

var reg = /^[1-9]\d{4,10}$/;
 var qq = '292573012';
 var bool = reg.test(qq)
 console.log(bool);

qq邮箱

var reg = /^[1-9]\d{4,10}@qq\.com$/;
 var email = '166160999@qq.com';
 var bool = reg.test(email)
 console.log(bool);

126/163/qq

 var reg = /(^[a-zA-Z]\w{5,17}@(163|126)\.com$)|(^[1-9]\d{4,10}@qq\.com$)/;
var email = 'afeifire@126.com';
var bool = reg.test(email)
console.log(bool);

表单验证 ☆

// 表单验证通常会使用form的submit事件
var form = document.querySelector("form");
var pass = document.querySelector("[name='password']")
var repass = document.querySelector("[name='repass']")
form.onsubmit = function(){
    // 开始验证
    // 验证用户名：由字母、数字、下划组成，字母开头，4~10位
    var reg = /^[a-zA-Z]\w{3,9}$/;
    var username = document.querySelector("[name='username'").value;
    if(!reg.test(username)){
        alert('用户名不符合规则')
        return false;
    }

    // 密码：字母和数字组成：3~12位
    var reg = /^[a-zA-Z0-9]{3,12}$/;
    var password = pass.value;
    if(!reg.test(password)){
        alert('密码不符合规则')
        return false;
    }

    // 确认密码
    if(repass.value != pass.value){
        alert('两次密码不一致')
        return false
    }

    // 手机号
    var reg = /^1[3-9]\d{9}$/;
    if(!reg.test(document.querySelector("[name='tel']").value)){
        alert('手机号不对')
        return false;
    }

    // 邮箱
    var reg = /(^[a-zA-Z]\w{5,17}@(163|126)\.com$)|(^[1-9]\d{4,10}@qq\.com$)/;
    if(!reg.test(document.querySelector("[name='email']").value)){
        alert('邮箱不对')
        return false;
    }
}