EasyUI验证form表单

missingMessage="必输项提示" data-options="required:true" validType="email" invalidMessage="自定义提示语" (只能使用官方定义好的验证)


自定义验证:

$(function(){ 
  $.extend($.fn.validatebox.defaults.rules, {
      english : {// 验证英语
                  validator : function(value){
                   return /^[A-Za-z]+$/i.test(value);
                  },
                  message : '请输入英文'
              }
  }
});

(function($) {  
    $.extend($.fn.validatebox.defaults.rules, {  
        idcard: {  
            validator: function(value, param) {  
                return idCardNoUtil.checkIdCardNo(value);  
            },  
            message: '请输入正确的身份证号码'  
        },  
        checkNum: {  
            validator: function(value, param) {  
                return /^([0-9]+)$/.test(value);  
            },  
            message: '请输入整数'  
        },  
        checkFloat: {  
            validator: function(value, param) {  
                return /^[+|-]?([0-9]+\.[0-9]+)|[0-9]+$/.test(value);  
            },  
            message: '请输入合法数字'  
        }  
    });  
})(jQuery);
2种用法差不多,只是初始化jq的代码方式不一样而已
<input class="easyui-validatebox" data-options="validType:'english'"> 

<input type="text" name="dlg_purchase_price" id="dlg_purchase_price"  <span style="color:#ff0000;">class="easyui-validatebox" data-options="validType:'checkFloat'"</span> />  


//阻止form表单提交 必须验证完毕才可提交
	                    if(!$("#fm_dg").form('validate')){
	                    	return false;
	                    	}
写在 提交前即可


猜你喜欢

转载自blog.csdn.net/qq_35514348/article/details/79196181
今日推荐