码迷,mamicode.com
首页 > 其他好文 > 详细

kendo-ui表单验证

时间:2019-02-01 14:21:27      阅读:358      评论:0      收藏:0      [点我收藏+]

标签:ret   for   模块   validator   基本   数字   lse   cti   validate   

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表单验证

标签:ret   for   模块   validator   基本   数字   lse   cti   validate   

原文地址:https://www.cnblogs.com/miaosj/p/10345528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!