输入在HTML5中设置错误消息无效并防止来自网格中剑道的默认错误消息

Question

我坚持使用剑道网格中的内联验证。 我不想在失去焦点后进行验证。我想在打字后立即验证。所以我开始使用HTML5验证器。它工作得很好，但问题是我不能回答这两个问题：

哪些事件设置输入从有效到无效。

哪个事件显示错误消息。

我目前的工作：https://dojo.telerik.com/OSONo/56

问候

卢卡斯

Answer 1

解决了我自己的问题。我将编辑这篇文章，以便你能看到我的意思，但首先我要给dojo projcet。

https://dojo.telerik.com/OSONo/64

我编辑：

我为我以前的anwser对不起，我只是想给他我的解决方案我在评论提及。

在我的解决方案中，我创建了一个事件监听器，如何监听所有输入元素。当有东西改变它时，保存当前的光标位置（它的导入以支持），然后触发我的“更改”事件。 “更改”事件检查它是有效还是无效。如果它无效，那么剑道验证程序会显式地显示错误消息（而不是默认的模糊事件）。

var ValidierungCheckClass = (function() { 
return { 
    AllDOMElements: function() { 
     $('body').on('input', function() { 
      var myActiveElement = $(':focus'); 

      if ((myActiveElement) && (myActiveElement.context.activeElement.nodeName.toLowerCase() !== "body")) { 
       var myActiveDOMElement = myActiveElement[0], 

        start = myActiveDOMElement.selectionStart, //just for IE Support 
        end = myActiveDOMElement.selectionEnd;   //just for IE Support 

       myActiveElement.trigger("change"); 

       myActiveDOMElement.setSelectionRange(start, end); //just for IE Support 

      } 
     }) 
    } 
    } 
}); 

更改事件是从kendo创建的，所以您不必编写自己的。

至少您必须在创建网站时调用该方法。

<script> 
     ValidierungCheckClass().AllDOMElements(); 
</script> 

这是我对我的问题的解决方案。

此致敬意。

Answer 2

该事件中设置从有效的输入无效。

...

哪个事件显示错误消息。

只是validator.validate(); 错误消息也设定validate()运行kendoValidator。

像这样的东西应该工作：

$(document).on('input propertychange', function() { 
    validator.validate(); 
}); 

警告似乎有些元素背后隐藏的，所以你也可以如下因素errorTemplate添加到您的kendoValidator：

errorTemplate: '<div class="k-widget k-tooltip k-tooltip-validation" style="margin: 0.5em; display: block;"><span class="k-icon k-i-warning"></span>#=message#<div class="k-callout k-callout-n"></div></div>' 

而且整体解决方案： https://dojo.telerik.com/OSONo/66