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