interface Webtutoriel CSSComment définir des classes de validation pour les zones de texte dynamiques dans un tableau ?Comment définir des classes de validation pour les zones de texte dynamiques dans un tableau ?
Définir la classe de validation pour une zone de texte dynamique dans un tableau
Ce problème survient lors de la création d'un tableau contenant une rangée de zones de texte dynamiques et l'objectif consiste à ajouter une classe de validation à toutes les zones de texte.
Le code original tentait d'utiliser jQuery pour ajouter le input.input-validation-error à toutes les zones de texte à l'intérieur du tableau, mais il n'a pas réussi à appliquer la classe correctement. Pour résoudre cela, la solution implique :
1. Ajout d'attributs Data-Val aux zones de texte :
Pour garantir une validation transparente côté client, il est crucial d'inclure les attributs data-val nécessaires aux zones de texte et aux éléments d'espace réservé pour afficher les messages de validation. Cela permet à jquery.validate.unobtrusive.js d'effectuer une validation côté client.
2. Fournir un objet ClsTargetInfo par défaut :
Initialisez la propriété TargetInfo avec un objet ClsTargetInfo par défaut. La représentation HTML de cet objet sera générée dans la vue.
3. Modification du code HTML de la ligne dynamique :
Dans le code HTML, supprimez les attributs d'identification inutiles des zones de texte et ajoutez des éléments d'espace réservé pour les messages de validation. Assurez-vous également d'inclure une entrée masquée pour l'indexeur afin de permettre une indexation non consécutive.
4. Génération du HTML de la nouvelle ligne :
Créez un élément caché à l'extérieur des balises du formulaire et copiez-y le code HTML de la ligne dynamique. Remplacez toutes les instances de l'indexeur par un caractère factice et mettez à jour la valeur de l'entrée masquée pour qu'elle corresponde au caractère factice.
5. JavaScript pour ajouter de nouvelles lignes :
Mettez à jour JavaScript pour cloner la nouvelle ligne, remplacez le caractère d'indexeur factice par un indexeur unique, puis ajoutez la nouvelle ligne. N'oubliez pas d'analyser le validateur après avoir ajouté de nouvelles lignes pour activer la validation côté client.
6. Notes supplémentaires :
- Préférez utiliser CSS pour le style plutôt que les styles en ligne.
- Envisagez d'utiliser des entrées masquées pour l'indexation au lieu des boutons de suppression.
- Utilisez BeginCollectionItem assistant pour une meilleure maintenabilité.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Animer le texte sur ScrollApr 12, 2025 am 09:18 AMNous avons couvert l'idée d'animation du texte incurvé il n'y a pas longtemps lorsqu'un article amusant du New York Times est sorti. Tout ce que j'ai fait était de jeter un œil à la façon dont ils l'ont fait et à extraire
Sac de neigeApr 12, 2025 am 09:17 AMSnowpack. J'adore ce nom. C'est la nouvelle chose des Pika, qui sont sur quelque chose. Il est une alternative de bundler, dans un sens. Il passe sur les packages
Netnewswire et earedbinApr 12, 2025 am 09:15 AMNetnewswire est l'une des applications RSS classiques, ses débuts en 2002. J'étais assez intime quand il est allé 5,0 et a été open en août 2019! Vous pouvez le saisir correctement
Comment transformer un dessin de procréation en animation webApr 12, 2025 am 09:14 AMJ'ai récemment commencé à dessiner sur mon iPad en utilisant l'application ProCreate avec Apple Crayer. J'apprécie la flexibilité de dessiner de cette façon. Ce qui me tient habituellement de
Mise à jour 'CSS4'Apr 11, 2025 pm 12:05 PMDepuis que j'ai sonné pour la première fois sur le truc CSS4¹, il y a eu des tonnes de discussions plus à ce sujet. Je vais rassembler mes pensées préférées des autres ici. Il y a
Les trois types de codeApr 11, 2025 pm 12:02 PMChaque fois que je commence un nouveau projet, j'organise le code que je regarde en trois types ou catégories si vous le souhaitez. Et je pense que ces types peuvent être appliqués à
HTTPS est facile!Apr 11, 2025 am 11:51 AMJ'ai été coupable de déplorer publiquement la complexité des HTTP. Dans le passé, j'ai acheté des certificats SSL à des fournisseurs tiers et j'ai eu des problèmes
Guide des attributs de données HTMLApr 11, 2025 am 11:50 AMTout ce que vous avez toujours voulu savoir sur les attributs de données dans HTML, CSS et JavaScript.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
Version crackée d'EditPlus en chinois
Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
