jQuery Girl
  1. jQuery Girl
  3. Validation de formulaire MVC dans plusieurs tabs – saut automatique à l’onglet avec des erreurs de validation?
Intereting Posts
Échec de la liaison de la tête de frappe twitter bootstrap pour JQuery Lignes générées avec des champs de texte Variable croissante JavaScript asp.net mvc: Quelle est la bonne façon de renvoyer du code HTML à partir du contrôleur pour actualiser la liste de sélection? Problème avec jqGrid et l’événement click jquery Empêcher le déclenchement d’un événement de défilement par un scrollTop animé lors de l’utilisation de jQuery Créer une prévisualisation agrandissante de la grid de vignettes simpe avec jquery Comment obtenir tous les boutons radio décochés Nightwatch pour sélectionner une option dans la zone de sélection molette de souris verticale jquery défilement lisse graph (chartjs.org) ne s’étire pas correctement lorsque la barre latérale (menu) est réduite Comment sélectionner des lignes paires avec des éléments de liste comment sortir dynamicment d’un jquery $ .each ()? jQuery select où atsortingbut = valeur jQuery: sélectionne les 4 derniers éléments de la liste comment utiliser pour chacun avec javascript moustache?

Validation de formulaire MVC dans plusieurs tabs – saut automatique à l’onglet avec des erreurs de validation?

J’ai tabssortingp avec plusieurs tabs. Dans chaque onglet, l’utilisateur peut saisir un certain nombre de champs de texte. Le tabssortingp est entouré d’un formulaire et juste en dessous d’un bouton d’envoi.

J’ai annoté la validation sur les atsortingbuts du modèle. Les validations fonctionnent bien avec la validation Jquery. Toutefois, si l’utilisateur commet une erreur de saisie dans un champ, passe à un onglet différent et appuie sur Soumettre, l’erreur apparaît dans l’onglet inactif et ne sera donc pas vue par l’utilisateur. Je voudrais que la validation Jquery aille automatiquement à l’onglet avec l’erreur de validation, afin que l’utilisateur puisse la voir. Est-ce possible?

Je ne pense pas qu’il existe une solution prête à l’emploi pour cela. Mais vous pouvez le faire en javascript assez facilement. Lorsque vous soumettez un formulaire, vous examinez le contenu de chaque onglet. Si vous trouvez une erreur de validation, vous passez à cet onglet.

voici un échantillon:

Cet exemple suppose que l’identifiant de votre formulaire est myForm, que votre identifiant de tabulation est tabs. De plus, cela suppose que vous avez ClientValidationEnabled = true et UnobtrusiveJavaScriptEnabled = true dans web.config. Cet extrait de code basculera sur le premier onglet avec une erreur.

Ce code est juste un exemple et peut être modifié, mais il en donne une idée.