EasyUI Form表单自定义验证

1、自定义验证规则

1、添加验证规则

//自定义表单验证
function txtValidation() {
	$.extend($.fn.validatebox.defaults.rules, {
		isNoTrim: {
			validator: function (value, param) {
				return $.trim(value).length > 0;
			},
			message: '不能为空格！'
		},
		onlyNum: {
			validator: function (value, param) {
				var reg = /^\d+$/g;
				return reg.test(value);
			},
			message: '只能输入数字！'
		}
	});
}

2、加入到$(function () { });中

$(function () {
     //自定义表单验证
     txtValidation();
});

3、HTML代码

1、单个自定义验证：

<input type="text" maxlength="11" class="easyui-validatebox" data-options="required:true,missingMessage:'此项不能为空',validType:'onlyNum'" />

2、多个自定义验证：

<!-- 多个自定义校验规则使用键值对的方式 -->
<input class="easyui-validatebox" data-options="required:true,validType:{length:[10,30],remote:['http://.../action.do','paramName']}" />
<!-- 使用数组的方式 -->
<input class="easyui-validatebox" data-options="required:true,validType:['email','length[0,20]']" />

2、启用、禁用验证

1、禁用验证，防止进入页面就提示文本框不能为空

$("#txtID").validatebox("disableValidation");

2、启用验证，提交时启用，验证用户输入信息

$("#txtID").validatebox("enableValidation");

3、页面展示