IT序号网

kendo-ui表单验证知识解答

xmjava 2021年05月25日 编程语言 152 0

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()) { 
}

发布评论
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

JavaScript是什么知识解答
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。