表单登录正则验证test()

代码如下:

var regPhone = document.getElementById(“regPhone”);//手机号码
var regPassword = document.getElementById(“regPassword”);//密码
var textPhone = document.getElementById(“textPhone”);//手机号码文本提示框
var textPassword = document.getElementById(“textPassword”);//密码文本提示框
var forms = document.getElementById(“forms”);//表单

//正则表达式
var reg1 = /^1\d{10}KaTeX parse error: Undefined control sequence: \W at position 40: … reg2 = /^[\̲W̲\da-zA-Z]{6,20}/;// 密码 6-20数字,字母,任意字符

//校验
var n1 = false,
n2 = false;

//当手机号码框得到焦点时
regPhone.onfocus = function(){
// alert(“得到焦点了”);
textPhone.innerHTML = “请输入11位正确的手机号码”;
textPhone.style.color = “green”;
}
//当手机号码框失去焦点时
regPhone.onblur = function(){
if(this.value == ‘’){
textPhone.innerHTML = “输入内容不能为空”;
textPhone.style.color = “red”;
}else if(!reg1.test(this.value)){
textPhone.innerHTML = “请输入11位正确的手机号码”;
textPhone.style.color = “red”;
}else{
textPhone.innerHTML = “格式正确”;
textPhone.style.color = “green”;
return n1 = true;//test方法就是返回true/false
}

}
//当密码框得到焦点时
regPassword.onfocus = function(){
textPassword.innerHTML = “请输入6-20位数字,字母,任意字符”;
textPassword.style.color = “green”;
}

//当密码框失去焦点时
regPassword.onblur = function(){
if(this.value == “”){
textPassword.innerHTML = “密码不能为空”;
textPassword.style.color = “red”;
}else if(!reg2.test(this.value)){
textPassword.innerHTML = “请输入6-20位数字,字母,任意字符”;
textPassword.style.color = “red”;
}else{
textPassword.innerHTML = “填写的信息正确”;
textPassword.style.color = “green”;
return n2 =true;
}
}

//form表单
forms.onsubmit = function(){
// 正则表达式判断
var regs = !reg1.test(regPhone.value)||!reg2.test(regPassword.value);
//变量判断
var regs = n1false||n2false;
// console.log(regs);
if(!regs == false){
alert(“你填写的信息有误!”);
return false;
}else{
alert(“信息填写正确”);
return true;
}
}