easyui-form添加自定义表单验证

easyui自定义表单验证规则其实不是很复杂，只要重写一下重写 $.fn.validatebox.defaults.rules

自定义示例

1 $.extend($.fn.validatebox.defaults.rules, {
2     isNumber: {
3         validator: function (value, param) {
4             return /^-?\d+\.?\d*$/.test(value);
5         },
6         message: '请输入正确的数字!'
7     }
8 });

用法就很简单了

<input id="bedcount" type="text" name="bed" class="easyui-validatebox" data-options="required:true,validType:'isNumber'" />

easyui中还是自带了一些验证

• email: 匹配email正则规则 .
• url: 匹配URL正则规则 .
• length[0,100]: 允许在x到x之间的字符数.
• remote['http://.../action.do','paramName']: 发送ajax请求验证值,当成功之后返回'true'.

 

表单提交的简单示例

 1 $('#myform').form('submit', {
 2     url: 'MyHandler.ashx',
 3     onSubmit: function () {
 4         var isValidate = $(this).form('validate');;
 5         return isValidate;
 6     },
 7     success: function (result) {
 8         alert(result);
 9     }
10 });

 

如果想多了解easyui表单，请点击链接：http://www.zi-han.net/case/easyui/form.html

 

转载于:https://www.cnblogs.com/Mryjp/p/easyui_form.html