jQuery通用验证手机号/身份证/姓名代码

 2584

分享一段站长图库用了很久的通用验证手机号/身份证/姓名代码,jQuery的,使用前记得引用jQuery哦。

都是使用的js函数的方法,调用方法都是函数名(ID)的方法,不懂可以看看JS函数教程。

  1. /*姓名身份证,手机号提交*/
  2. function isChinaName(name) {
  3.     var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
  4.     return pattern.test(name);
  5. }
  6.  
  7.  
  8. // 验证身份证
  9. function isCardNo(card) {
  10.     var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  11.     return pattern.test(card);
  12. }
  13.  
  14. // 验证手机号
  15. function isPhoneNo(phone) {
  16.     var pattern = /^1[34578]\d{9}$/;
  17.     return pattern.test(phone);
  18. }
  19.  
  20.  
  21. /*用户名判断*/
  22. function userName(inputid, spanid) {
  23.     $(inputid).blur(function() {
  24.         if ($.trim($(inputid).val()).length == 0) {
  25.             $(spanid).html("× 名称没有输入");
  26.         } else {
  27.             if (isChinaName($.trim($(inputid).val())) == false) {
  28.                 $(spanid).html("× 名称不合法");
  29.             }
  30.         }
  31.     });
  32.     $(inputid).focus(function() {
  33.         $(spanid).html("");
  34.     });
  35. };
  36. userName('#name', "#checkExistname");
  37.  
  38.  
  39. /*身份证判断*/
  40. function userID(inputid, spanid) {
  41.     $(inputid).blur(function() {
  42.         if ($.trim($(inputid).val()).length == 0) {
  43.             $(spanid).html("× 身份证号码没有输入");
  44.         } else {
  45.             if (isCardNo($.trim($(inputid).val())) == false) {
  46.                 $(spanid).html("× 身份证号不正确");
  47.             }
  48.         }
  49.     });
  50.     $(inputid).focus(function() {
  51.         $(spanid).html("");
  52.     });
  53. };
  54. userID('#identity', "#checkExistID");
  55.  
  56.  
  57. /*手机号判断*/
  58. function userTel(inputid, spanid) {
  59.     $(inputid).blur(function() {
  60.         if ($.trim($(inputid).val()).length == 0) {
  61.             $(spanid).html("× 手机号没有输入");
  62.         } else {
  63.             if (isPhoneNo($.trim($(inputid).val())) == false) {
  64.                 $(spanid).html("× 手机号码不正确");
  65.             }
  66.         }
  67.         $(inputid).focus(function() {
  68.             $(spanid).html("");
  69.         });
  70.     });
  71. };
  72. userTel('#telephone', "#checkExistPhone");


本文网址:https://www.zztuku.com/detail-13274.html
站长图库 - jQuery通用验证手机号/身份证/姓名代码
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐