項目中正好寫到登錄注冊,在用blur事件驗證用戶輸入內(nèi)容的時候,出現(xiàn)了點bug,最后是在注冊按鈕onclick的事件里獲取用戶輸入值來驗證的。
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();//確認(rèn)密碼
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("確認(rèn)密碼為空或兩次密碼輸入不一致,請輸入正確的密碼");
}else if(!regTrueName){
alert("真實姓名為空,請輸入真實姓名");
}else if(!idNumber || !idNum(idNumber)){//調(diào)用身份證驗證方法
alert("身份證號碼不正確,請輸入正確的身份證號碼");
}else if(!email || !emailNum(email)){//調(diào)用郵箱驗證方法
alert("郵箱不正確,請輸入正確的郵箱email");
}else if(!$('#checkedAgree').prop("checked")){//判斷用戶同意注冊協(xié)議狀態(tài)
alert("您還未同意用戶注冊協(xié)議");
}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;
}
}
以上所述是小編給大家介紹的正則表達(dá)式驗證身份證號碼和郵箱、判斷checked選中狀態(tài),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!