easyui easyui-textbox自定义验证

[javascript]  view plain  copy
  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
  1.     englishLowerCase  : {// 验证英语小写  
  2.         validator : function(value) {  
  3.             return /^[a-z]+$/.test(value);  
  4.         },  
  5.         message : '请输入小写字母'  
  6.     }  
  7. });  


[html]  view plain  copy
  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: '身份证号错误!'  
            }

猜你喜欢

转载自blog.csdn.net/h_025/article/details/79035435