1、基本方法

var validatable = $("#myform").kendoValidator().data("kendoValidator");
if (validatable.validate()) {
    //表單驗證通過
} else {
    //表單驗證未通過
}

2、自定義驗證

2.1、放在頁面上

<input type="text" pattern="^[A-Za-z0-9\.\-_@]+$" validationMessage=‘最多30個字符(支持英文數字.-_@)‘>

2.2、通用模塊中

kendo.ui.validator.rules.dataLength = function
 
 (input) {
        if (input.is(‘[dataLength]‘)) {
            return input.val().length <= input.attr(‘dataLength‘);
        }
        return true;
    };
kendo.ui.validator.messages.dataLength = function(input){
        var len = input.attr(‘dataLength‘);
        return kendo.format("最大長度不能超過{0}", len);
    };
 

<input type="text" datalength="30">

2.3、放在驗證函數中

validate: {
    rules: {
        reg: function(input){
            var regex = ‘^[A-Za-z0-9\.\-_@]{0,30}$‘;
            if(input.is(‘[reg]‘)){
                return !input.val() || regex.test(input.val());
            }
            return true;
        }
    },
    messages: {
        reg: 
 
‘最多30個字符(支持英文數字.-_@)‘
    }
}

var validatable = $("#myform").kendoValidator(validate).data("kendoValidator");
if (validatable.validate()) {
}

kendo-ui表單驗證