首页 » jQuery » EasyUI验证form表单

EasyUI验证form表单

原文 http://blog.csdn.net/qq_35514348/article/details/79196181

2018-01-30 02:00:15阅读(472)

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"  <spancheckFloat'"</span> />  


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


最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹