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