easyui easyui-textbox自定义验证

迈不过友情╰ 2022-06-02 11:17 268阅读 0赞

**\[javascript\]** [view plain][] [copy][view plain]

1.  $.extend($.fn.textbox.defaults.rules, \{  
2.      number : \{  
3.          validator : **function**(value, param) \{  
4.              **return** /^\[0-9\]\*$/.test(value);  
5.          \},  
6.          message : "请输入数字"  
7.      \},  
8.      chinese : \{  
9.          validator : **function**(value, param) \{  
10.             **var** reg = /^\[\\u4e00-\\u9fa5\]+$/i;  
11.             **return** reg.test(value);  
12.         \},  
13.         message : "请输入中文"  
14.     \},  
15.     checkLength: \{  
16.         validator: **function**(value, param)\{  
17.             **return** param\[0\] >= get\_length(value);  
18.         \},  
19.         message: '请输入最大\{0\}位字符'  
20.     \},  
21.     specialCharacter: \{  
22.         validator: **function**(value, param)\{  
23.             **var** reg = **new** RegExp("\[\`~!@\#$^&\*()=|\{\}':;'\\\\\[\\\\\]<>~！@\#￥……&\*（）——|\{\}【】‘；：”“'、？\]");  
24.             **return** !reg.test(value);  
25.         \},  
26.         message: '不允许输入特殊字符'  
27.     \}

**\[javascript\]** [view plain][] [copy][view plain]

1.      englishLowerCase  : \{ // 验证英语小写  
2.          validator : **function**(value) \{  
3.              **return** /^\[a-z\]+$/.test(value);  
4.          \},  
5.          message : '请输入小写字母'  
6.      \}  
7.  \});

**\[html\]** [view plain][] [copy][view plain]

1.  **<****div** id="dlg" class="easyui-dialog" style=" width:400px; height:300px; padding:10px 20px;" data-options="resizable:true,modal:true"  closed="true" buttons="\#dlg-buttons"**>**  
2.          **<****form** id="fm" method="post" **>**  
3.              **<****table****>**  
4.                  **<****tr****>**  
5.                      **<****td** class="normal" width="200px"**>**登录名**</****td****>**  
6.                      **<****td****>****<****input** id="loginname\_dlg"  name="loginname\_dlg" class="easyui-textbox" required="true"  style="height:25px;" data-options="validType:\['englishLowerCase','checkLength\[50\]'\]" **>**  
7.                          **<****input**  id="id\_dlg"  name="id\_dlg"  type="hidden"**>**  
8.                      **</****td****>**  
9.                  **</****tr****>**  
10.                 **<****tr****>**  
11.                     **<****td** class="normal" width="200px"**>**用户名**</****td****>**  
12.                     **<****td****>****<****input** id="username\_dlg"  name="username\_dlg" class="easyui-textbox" required="true"  style="height:25px;" data-options="validType:\['chinese','checkLength\[50\]'\]"**>****</****td****>**  
13.                 **</****tr****>**  
14.                 **<****tr****>**  
15.                     **<****td** class="normal" width="200px"**>**联系电话**</****td****>**  
16.                     **<****td****>****<****input** id="phone\_dlg"  name="phone\_dlg" class="easyui-textbox"  style="height:25px;" data-options="validType:\['number','length\[11,11\]'\]" **>****</****td****>**  
17.                 **</****tr****>**  
18.                   
19.             **</****table****>**  
20.         **</****form****>**  
21.     **</****div****>**  
22.     **<****div** id="dlg-buttons"**>**  
23.         **<****a** id="dlg-save"  href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="save()"**>**保存**</****a****>**  
24.         **<****a** id="dlg-close" href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('\#dlg').dialog('close')"**>**关闭**</****a****>**  
25.     **</****div****>**

补充一些：

1.    tel: \{    
            validator: function(value, param)\{  
                var partten = /^1\[3,5,8\]\\d\{9\}$/;  
                return partten.test(value);    
            \},    
            message: '请填写正确的手机号！'    
        \} ,  
        num:\{  
            validator: function(value, param)\{  
             var partten = /^\[1-9\]\\d\*|0$/;  
             return partten.test(value);  
            //return true;  
             \},    
            message: '请填写数字学分！'  
        \},      
        cishu:\{  
        validator: function(value, param)\{  
        var partten = /^\[1-9\]\\d\*$/;  
        return partten.test(value);  
        \},    
        message: '请填写正确数字！'  
        \},  
        startMinute:\{  
        validator: function(value, param)\{  
        var partten = /^\[0-9\]\\d\*$/;  
        return partten.test(value);  
        \},    
        message: '请填写正确数字！'  
        \},   
        pass:\{  
            validator: function(value, param)\{  
                var password=$("\#password").val();  
                return password==value;  
            \},    
            message: '确认密码与密码不同，请重新输入！'  
        \},  
        money:\{  
            validator: function(value, param)\{  
                var partten = /^((\[1-9\]\\d\*)|0)(\\.\\d\{1,2\})?$/;  
                return partten.test(value);    
            \},    
            message: '请填写正确金额！'   
        \},  
        number:\{  
        validator: function(value, param)\{  
        var partten = /^\\d\{1,3\}(\\.\\d\{1,2\})?$/;  
        return partten.test(value);    
        \},    
        message: '请填写正确数字！'   
        \},  
        jdfen:\{  
        validator: function(value, param)\{  
        var shitifen=param\[0\];  
    shitifen = parseFloat(shitifen);  
    return value <= shitifen;    
        \},    
        message: '请填写正确分值，得分不能大于试题分数！'   
        \},  
        oKNumber:\{  
        validator: function(value, param)\{  
        var partten = /^\[0-9\]\\d\*$/;  
        return partten.test(value);    
        \},    
        message: '请填写正整数！'   
        \},  
        doublenum:\{  
            validator: function(value, param)\{  
                var partten = /^((\[0-9\]\\d\*)|0)(\\.\\d\{1,2\})?$/;  
                //return partten.test(value);    
                return true;  
            \},    
            message: '请填写正确数据！'   
        \},  
        loginName:\{  
            validator: function(value, param)\{  
                var partten =/^\[a-zA-Z0-9\]\{4,20\}$/;  
                return partten.test(value);    
            \},    
            message: '请填写4-20位字母或数字！'   
        \},  
    //    excel:\{  
    //        validator: function(value, param)\{  
    //         var partten ="^.\*\\.(?:xls)$";  
    //            return partten.test(value);    
    //        \},    
    //        message: '请选择excel文件'   
    //    \},  
        roleName:\{  
            validator: function(value, param)\{  
            // var partten =/^(\[\\u4e00-\\u9fa5\]\{2,10\})|(\[A-Za-z0-9 \]\{2,10\})$/;  
            var partten =/^\[0-9a-zA-Z\\u4e00-\\u9fa5\]\{2,10\}$/;  
                return partten.test(value);    
            \},    
            message: '请填写2-10位字母、数字或汉字！'   
        \},  
        sutdyTimeNum:\{  
            validator: function(value, param)\{  
                var partten = /^\\d\*(\\.\\d\{1,2\})?$/;  
                return partten.test(value);  
            \},    
           message: '请填写正整数或保留两位小数的学时！'  
         \},  
         coursewareName:\{  
        validator: function(value, param)\{  
              var partten =/^\[0-9a-zA-Z\\u4e00-\\u9fa5\]\{2,10\}$/;  
                 return partten.test(value);    
             \},    
             message: '请填写2-20位字母、数字或汉字！'   
          \},  
          httpPath:\{  
         validator: function(value, param)\{  
        var strRegex = "^((https|http|ftp|rtsp|mms)?://)"  
    \+ "?((\[0-9a-z\_!~\*'().&=+$%-\]+: )?\[0-9a-z\_!~\*'().&=+$%-\]+@)?" //ftp的user@    
    \+ "((\[0-9\]\{1,3\}\\.)\{3\}\[0-9\]\{1,3\}" // IP形式的URL- 199.194.52.184    
    \+ "|" // 允许IP和DOMAIN（域名）   
    \+ "(\[0-9a-z\_!~\*'()-\]+\\.)\*" // 域名- www.    
    \+ "(\[0-9a-z\]\[0-9a-z-\]\{0,61\})?\[0-9a-z\]\\." // 二级域名    
    \+ "\[a-z\]\{2,6\})" // first level domain- .com or .museum    
    \+ "(:\[0-9\]\{1,4\})?" // 端口- :80    
    \+ "((/?)|" // a slash isn't required if there is no file name    
    \+ "(/\[0-9a-z\_!~\*'().;?:@&=+$,%\#-\]+)+/?)$";    
    var partten=new RegExp(strRegex);    
                   return partten.test(value);    
               \},    
               message: '请填写正确的网址！'   
           
          \},  
          messageTitleLength:\{  
          validator: function(value, param)\{  
              var partten =/^\[0-9a-zA-Z\\u4e00-\\u9fa5\]\{2,10\}$/;  
                  return partten.test(value);    
              \},    
              message: '请填写2-30位字母、数字或汉字！'   
           \}  
          ,minuteBegin:\{  
    validator: function(value, param)\{  
    var partten = /^\[1-9\]\\d\*$/;  
    return partten.test(value);  
    \},  
    message: '请填写正确弹试题的时间！格式为大于0的整数。'  
           \}, md: \{  
               validator: function(value, param)\{    
                   startTime2 = $(param\[0\]).datetimebox('getValue');     
                   var d1 = new Date(startTime2.replace(/\\-/g,'/'));  
                   var d2 = new Date(value.replace(/\\-/g,'/'));  
                      varify=d2>d1;    
                      return varify;    
                       
                  \},    
                  message: '结束时间要大于开始时间！'  
              \},  
              /\* ================================================================== \*/  
          //校验身份证号码  
            isIdCard: \{  
                validator: function(value, param)\{    
                var partten =/^(\\d\{15\}$|^\\d\{18\}$|^\\d\{17\}(\\d|X|x))$/;  
                    return partten.test(value);    
                   \},    
                   message: '身份证号错误！'    
            \}

[view plain]: http://blog.csdn.net/football98/article/details/52813442#