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