分享一段站長圖庫用了很久的通用驗證手機號/身份證/姓名代碼,jQuery的,使用前記得引用jQuery哦。
都是使用的js函數的方法,調用方法都是函數名(ID)的方法,不懂可以看看JS函數教程。
/*姓名身份證,手機號提交*/ function isChinaName(name) { var pattern = /^[\u4E00-\u9FA5]{1,6}$/; return pattern.test(name); } // 驗證身份證 function isCardNo(card) { var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; return pattern.test(card); } // 驗證手機號 function isPhoneNo(phone) { var pattern = /^1[34578]\d{9}$/; return pattern.test(phone); } /*用戶名判斷*/ function userName(inputid, spanid) { $(inputid).blur(function() { if ($.trim($(inputid).val()).length == 0) { $(spanid).html("× 名稱沒有輸入"); } else { if (isChinaName($.trim($(inputid).val())) == false) { $(spanid).html("× 名稱不合法"); } } }); $(inputid).focus(function() { $(spanid).html(""); }); }; userName('#name', "#checkExistname"); /*身份證判斷*/ function userID(inputid, spanid) { $(inputid).blur(function() { if ($.trim($(inputid).val()).length == 0) { $(spanid).html("× 身份證號碼沒有輸入"); } else { if (isCardNo($.trim($(inputid).val())) == false) { $(spanid).html("× 身份證號不正確"); } } }); $(inputid).focus(function() { $(spanid).html(""); }); }; userID('#identity', "#checkExistID"); /*手機號判斷*/ function userTel(inputid, spanid) { $(inputid).blur(function() { if ($.trim($(inputid).val()).length == 0) { $(spanid).html("× 手機號沒有輸入"); } else { if (isPhoneNo($.trim($(inputid).val())) == false) { $(spanid).html("× 手機號碼不正確"); } } $(inputid).focus(function() { $(spanid).html(""); }); }); }; userTel('#telephone', "#checkExistPhone");