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

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

自定义示例

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

用法就很简单了

<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'.

表单提交的简单示例

 $('#myform').form('submit', {
     url: 'MyHandler.ashx',
     onSubmit: function () {
         var isValidate = $(this).form('validate');;
         return isValidate;
     },
     success: function (result) {
         alert(result);
     }
 });

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