[JavaScript] 各类验证(手机号、邮箱、网址、邮编、传真、汉字、账号等) →→→→→进入此内容的聊天室

来自 , 2019-07-17, 写在 JavaScript, 查看 110 次.
URL http://www.code666.cn/view/b4affa4f
  1. 连接:http://www.cnblogs.com/tangge/p/4225870.html
  2.           http://blog.csdn.net/lybwwp/article/details/9028741
  3.           http://blog.ny.cn/?p=389
  4. *****************************************************************************************************************************************
  5. javascript:
  6.  
  7. //验证手机号码的合法性
  8. $.extend($.fn.validatebox.defaults.rules, {  
  9.     //移动手机号码验证  
  10.     mobile: {//value值为文本框中的值  
  11.         validator: function (value) {  
  12.             var reg = /^1[3|4|5|8|9]\d{9}$/;  
  13.             return reg.test(value);  
  14.         },  
  15.         message: '输入手机号码格式不准确.'  
  16.     },
  17.  
  18. //验证汉子  
  19.     CHS: {  
  20.         validator: function (value) {  
  21.             return /^[\u0391-\uFFE5]+$/.test(value);  
  22.         },  
  23.         message: ""只能输入汉字""  
  24.     }
  25.  
  26.     faxno: {// 验证传真
  27.         validator: function (value) {
  28.             //            return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
  29.             return /^(([Math Processing Error])|(\d{3}\-))?([Math Processing Error]|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
  30.         },
  31.         message: '传真号码不正确'
  32.     },
  33.  
  34.     //国内邮编验证  
  35.     zipcode: {  
  36.         validator: function (value) {
  37.              var reg=/^[0-9]\d{5}$/; //以0至9的数字开头,后面接5位任意数字,\d就是任意数字的意思。
  38.             return reg.test(value);  
  39.         },  
  40.         message: '邮编必须是6位数字.'  
  41.     },
  42.  
  43.  //用户账号验证(只能包括 _ 数字 字母)
  44.     account: {//param的值为[]中值
  45.         validator: function (value, param) {
  46.             if (value.length < param[0] || value.length > param[1]) {
  47.                 $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
  48.                 return false;
  49.             } else {
  50.                 if (!/^[\w]+$/.test(value)) {
  51.                     $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
  52.                     return false;
  53.                 } else {
  54.                     return true;
  55.                 }
  56.             }
  57.         }, message: ''
  58.     }
  59.  
  60.   //验证网址的合法性
  61.     checkIp : {// 验证IP地址  
  62.         validator : function(value) {  
  63.             var reg = /^((1?\d?\d|(2([0-4]\d|5[0-5])))\.){3}(1?\d?\d|(2([0-4]\d|5[0-5])))$/ ;  
  64.             return reg.test(value);  
  65.         },  
  66.         message : 'IP地址格式不正确'  
  67. }  
  68.    
  69. })
  70. *****************************************************************************************************************************************
  71.  
  72.  
  73. html页面:
  74. <html xmlns="http://www.w3.org/1999/xhtml">
  75. <head>
  76.     <script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>
  77.     <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
  78.     <!--自定义验证-->
  79.     <script src="easyui1.2.4/validator.js" type="text/javascript"></script>
  80.     <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
  81.     <script>
  82.  
  83.         $(function () {
  84.            
  85.             //设置text需要验证
  86.             $('input[type=text]').validatebox();
  87.         })
  88.    
  89.     </script>
  90. </head>
  91. <body>
  92.     邮箱验证:<input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br />
  93.     网址验证:<input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /><br />
  94.     长度验证:<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />
  95.     手机验证:<input type="text" validtype="mobile"  /><br />
  96.     邮编验证:<input type="text" validtype="zipcode" /><br />
  97.     账号验证:<input type="text" validtype="account[8,20]" /><br />
  98.     汉子验证:<input type="text" validtype="CHS" /><br />
  99.     远程验证:<input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/>
  100. </body>
  101. </html>
  102.  
  103.  
  104.  
  105.  

回复 "各类验证(手机号、邮箱、网址、邮编、传真、汉字、账号等)"

这儿你可以回复上面这条便签

captcha