标签：验证 validatable kendo 表单 ui var input validate kendoValidator

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

标签：验证,validatable,kendo,表单,ui,var,input,validate,kendoValidator
来源： https://www.cnblogs.com/miaosj/p/10345528.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。