KendoUI网格最小长度不起作用

Question

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

我已经设置了最小长度和最大长度。它不允许我输入超过 10 个字母，但是，我可以输入少于 2 个字母并更新网格中的条目。

这是剑道问题吗？

Answer 1

正如我在 cmets 中提到的，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;
          },
     }
},

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

自定义验证错误仅供参考： Validation is not always triggered when editing with backspace