8
votes

JQuery Validation non obstrive dans .NET MVC 3 - Affichage de la coche de réussite

Utilisation de la validation non obstrive de JQuery dans un projet .NET MVC et qui semble fonctionner correctement. J'essaie maintenant de montrer une coche verte lorsque le champ est valide correctement (côté client et / ou distant).

Voici un exemple de déclaration de champ: xxx

quoi J'aimerais faire est d'ajouter une classe 'active' à la "span.isaok" qui a à son tour une coche pour une image d'arrière-plan.

J'ai essayé d'utiliser Highlight / Legighlight: < Pré> xxx

});

mais qui montre une coche verte pour tous les champs même s'ils sont vides! (Par conséquent, évidemment faux)

J'ai ensuite essayé d'utiliser l'option "succès", mais que cela ne semble jamais être tiré.

Qu'est-ce que je manque?

EDIT: J'ai donc trouvé Ce blog post et a pu exploiter dans la Fonction de réussite, c'est-à-dire xxx

mais maintenant si le formulaire n'est pas valide, il affiche à la fois le message d'erreur et la marque valide ...

Soumettre

Et ce dernier disparaît dès que je clique n'importe où sur la page.

en cliquant sur la page


0 commentaires

3 Réponses :


1
votes

Si quelqu'un a un problème similaire, j'ai enfin obtenu cela en utilisant la version non minifiée de jQuery.validate.unobtrivant.js et en ajoutant mon JS aux méthodes ONSURE et ONSUCCESS. Le code existant a été laissé comme il. Utilisez la version rémincière pendant le déploiement.

merci.


1 commentaires

+1 vieux post mais cela semble toujours être le cas. Je suis passé en min et son travail. Aucun indice pourquoi.



2
votes

Ceci semble être un problème avec la jquery.validate.unobtrive interférant avec les paramètres ajoutés plus tard dans $. validator.setdefault . L'astuce consiste à charger le script discret après les paramètres personnalisés. Voir ici et voter pour résoudre ce problème ICI


0 commentaires

0
votes

Ce n'est pas une réponse directe à votre question. Je vais offrir une approche alternative à ce sujet: Twitterbootstrapmvc .

avec cette bibliothèque Tout ce que vous deviez écrire pour chaque entrée est: xxx

et c'est tout. Vous aurez un message d'étiquette, d'entrée et de validation - tous pris en charge, sans JavaScript. Il génère une marque HTML appropriée pour vous. Il vous suffit de vous assurer que vous disposez de CSS standard appropriés pour les classes comme .field-validation-error , .field-validation-valide-valide < / p>


0 commentaires