kendo-ui表单验证详解编程语言

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

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/18092.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论