项目中正好写到登录注册,在用blur事件验证用户输入内容的时候,出现了点bug,最后是在注册按钮onclick的事件里获取用户输入值来验证的。
判断checked选中状态:
if(!$('#checkedAgree').prop("checked"){ 
 console.log('no');//未选中 
}else{ 
 console.log('yes');//选中 
} 
//注册 
$(".regBtn").on('click',function(){ 
 var regUser = $('#regUser').val();//用户名 
 var regPass = $('#regPass').val();//密码 
 var regAgainpass = $('#regAgainpass').val();//确认密码 
 var regTrueName = $('#regTrueName').val();//真实姓名 
 var idNumber = $('#idNumber').val();//身份证 
 var email = $('#email').val();//邮箱 
 if(!regUser){ 
 alert("用户名为空,请输入用户名"); 
 }else if(!regPass || regPass.length < 6){ 
 alert("密码为空或长度少于6位,请输入正确的密码"); 
 }else if(!regAgainpass || regAgainpass != regPass){ 
 alert("确认密码为空或两次密码输入不一致,请输入正确的密码"); 
 }else if(!regTrueName){ 
 alert("真实姓名为空,请输入真实姓名"); 
 }else if(!idNumber || !idNum(idNumber)){//调用身份证验证方法 
 alert("身份证号码不正确,请输入正确的身份证号码"); 
 }else if(!email || !emailNum(email)){//调用邮箱验证方法 
 alert("邮箱不正确,请输入正确的邮箱email"); 
 }else if(!$('#checkedAgree').prop("checked")){//判断用户同意注册协议状态 
 alert("您还未同意用户注册协议"); 
 }else{ 
 console.log('yes'); 
 //some code here 
 } 
}); 
//身份号码验证 
function idNum(idNum){ 
 var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; 
 if(!reg.test(idNum)){ 
 return false; 
 }else{ 
 return true; 
 } 
} 
//邮箱验证 
function emailNum(emailNum){ 
 var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;//验证身份证号 
 if(!reg.test(emailNum)){ 
 return false; 
 }else{ 
 return true; 
 } 
}相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
正则如何对C#进行校验
正则与Linux三大文本处理工具的使用详解
下载本文