Après que l'entrée ne soit pas valide dans le message d'erreur HTML5 et que le message d'erreur par défaut de kendo ait été omis dans une grille

Question

Je me suis contenté de la validation en ligne dans la grille de kendo. Je ne veux pas valider après avoir perdu le focus. Je veux valider immédiatement après avoir tapé. Donc, je commence à utiliser le validateur HTML5. Cela fonctionne plutôt bien mais le problème est que je ne peux pas répondre à ces deux questions:

quel événement définit l'entrée de valide à invalide.

quel événement affiche le message d'erreur.

Mon travail actuel: https://dojo.telerik.com/OSONo/56

Cordialement

Lukas

Answer 1

Résolu mon problème par moi-même. Je vais éditer le post afin que vous puissiez voir ce que je veux dire, mais d'abord je donne juste le projet de dojo.

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

mon edit:

Je suis désolé pour mon précédent anwser, je veux juste lui donner ma solution que je mentionne dans mon commentaire.

Dans ma solution, j'ai créé un écouteur d'événements, comment écouter tous les éléments d'entrée. Quand quelque chose l'a changé, enregistre la position actuelle du curseur (son importation pour ie support) et après cela déclenche mon événement "change". L'événement "change" vérifie s'il est valide ou invalide. Si elle est invalide, le validateur de kendo affiche imidement le message d'erreur (pas par défaut par un événement de flou). L'événement change est déjà créé à partir de kendo, donc vous n'avez pas besoin d'écrire le vôtre.

Au moins, vous devez appeler la méthode lors de la création du site Web.

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

Ceci est ma solution à mon problème.

meilleures salutations.

Answer 2

auquel cas mis l'entrée de valide à invalide.

...

quel événement affiche le message d'erreur.

Il suffit de lancer votre kendoValidator avec validator.validate(); Les messages d'erreur sont également établis avec validate().

Quelque chose comme cela devrait fonctionner:

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

L'avertissement semble se cacher derrière certains éléments, vous pouvez également ajouter le folowing ErrorTemplate à votre 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>' 

Et toute solution : https://dojo.telerik.com/OSONo/66