kendo-ui表單驗證
阿新 • • 發佈:2019-02-01
ken function UNC rule col turn 最大 ssa 自定義
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表單驗證