Asp.net & JQuery: Affichage d'une fenêtre de dialogue lorsqu'un formulaire échoue validation

Question

Je souhaite afficher une boîte de dialogue/fenêtre contextuelle modale lorsque l'utilisateur n'a pas rempli un champ de texte sur la page, au lieu d'utiliser un texte d'erreur champ sur la page. Si le champ de texte requis est rempli, je veux que le bouton de soumission fonctionne normalement (appelez la fonction onClick), mais s'il n'est pas rempli, je veux qu'une fenêtre de dialogue/pop-up modale apparaisse indiquant qu'ils doivent remplir le champ spécifique.

Quelle est la meilleure façon de faire?

Personnellement, je préfère utiliser si possible la librairie jquery ui sur la popup modale ajax control toolkit.

Answer 1

Tout ce que vous avez à faire est de faire ce qui suit.

1. Créer une fonction JS qui effectue la validation, affiche la boîte de dialogue en cas d'erreur. Avoir cette fonction renvoie true/false si la validation est correcte ou échoue.
2. Sur votre bouton, ajoutez une méthode "onClick" aux attributs. "javascript: return YourFunction();" et vous devriez être prêt à partir.

La valeur de retour de votre méthode empêchera la publication si vous renvoyez false!