KendoUI网格最小长度不起作用

Question

KendoUI网格可以强制执行最小长度验证。我有一些麻烦。看截图。

我设置了minlength和maxlength。它不允许我输入超过10个字母，但是，我可以输入少于2个字母并更新网格中的条目。

这是剑道问题吗？

Answer 1

正如我的评论中所提到的，minlength不起作用，因为HTML5中不存在该属性，而maxlength则不存在。

相反，您必须使用自定义验证，或使用模式属性。

模式属性

my_name {
     validation: {
          required: true,
          pattern:'.{2,10}'
     }
},

这意味着my_name必须介于2到10个字符之间。它允许您键入更少或更多，但在尝试更新时会抛出无效消息。

自定义验证：

my_name {
     validation: {
          required: true,
          lengthRule: function (input) {
               if (input.is("[name='DirectionName']") && input.val() !== "") {
                    input.attr("data-lengthRule-msg", "My Name must be between 2 to 10 characters.");
                    return (input.val().length<=10 && input.val().length>=2);
               }
               return true;
          },
     }
},

使用后一种方法，有一个已知的错误，所以我不想热衷于使用后一种方法。

自定义评估错误FYI： Validation is not always triggered when editing with backspace