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、页面展示
![image](https://img2020.cnblogs.com/blog/1538344/202105/1538344-20210506153647270-2042477033.png)