kendo-ui表单验证

Posted 2021-02-07 miaosj

1、基本方法

var validatable = $("#myform").kendoValidator().data("kendoValidator");
if (validatable.validate()) {
    //表单验证通过
} else {
    //表单验证未通过
}

2、自定义验证

2.1、放在页面上

<input type="text" pattern="^[A-Za-z0-9.[email protected]]+$" validationMessage=‘最多30个字符(支持英文数字[email protected])‘>

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.[email protected]]{0,30}$‘;
            if(input.is(‘[reg]‘)){
                return !input.val() || regex.test(input.val());
            }
            return true;
        }
    },
    messages: {
        reg: ‘最多30个字符(支持英文数字[email protected])‘
    }
}

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