jQuery Girl
  1. jQuery Girl
  3. Validation Jquery pour les champs créés dynamicment
Intereting Posts
Ajout de code HTML en utilisant for loop dans jQuery Jquery on mousedown ne fonctionne pas sur les éléments générés dynamicment Obtenez la valeur css de: survolez avec .css () – jquery Jeton inattendu de jails Rails “<” Puis-je retarder jQuery addClass? JQuery – Erreur d’exécution Microsoft JScript: object attendu KnockoutJS: Comment puis-je supprimer un élément d’un tableau enfant? Angular4 – npm erreur jQuery TS1005: ‘,’ attendu comment puis-je effectuer une actualisation jquery / ajax de données sqldatareader sans actualisation de page dans ASP.NET? Masquer tous les prochains tr t jusqu’au prochain tr t Sélectionnez HTML à partir d’iframe à l’aide de Javascript / jQuery Knockout Mapping tout refaire jQuery .on (‘clic’) contre .click () et .delegate (‘clic’) colorier le texte dans textarea avec jQuery Obtention de tous les liens avec une valeur HTML interne spécifique dans jQuery

Validation Jquery pour les champs créés dynamicment

J’ai du code javascript de base pour générer des zones de saisie de texte comme ci-dessous 

$("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); });

Et j’ai un formulaire pour ces champs dynamics. J’utilise validator jquery pour ce formulaire pour d’autres éléments. Maintenant, je veux aussi valider ces champs créés dynamicment.

Pour les champs statiques, voici mes scripts de validation de travail. 

  $('#frm_register').validate({ focusInvalid: false, ignore: "", rules: { FirstName: { required: true } ....

Et voici un échantillon de mes champs dynamics.

Vous pouvez utiliser la .rules('add') immédiatement après la création du nouvel élément d’entrée … 

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); // add the rules to your new item $('Interests_' + itemIndex + '__Id').rules('add', { // declare your rules here required: true }); });

Alternativement, pour une règle simple telle que required , vous pouvez simplement append l’atsortingbut required="required" au nouvel élément lorsque vous le créez … 

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); });