Maison > interface Web > js tutoriel > sélecteur jquery pour extraire rapidement les données du formulaire Web example_jquery

sélecteur jquery pour extraire rapidement les données du formulaire Web example_jquery

WBOY
Libérer: 2016-05-16 16:54:04
original
1291 Les gens l'ont consulté

Je suis relativement paresseux lorsque je travaille sur le Web, lorsque je dois répéter la même chose plusieurs fois, je veux trouver un moyen d'économiser du temps et des efforts.

Dans le passé, lors de la soumission d'un formulaire sur le Web et de la nécessité de vérifier les entrées de l'utilisateur, document.getElementById() était utilisé dans js lors de l'extraction des informations de saisie de l'utilisateur. De cette façon, un ou deux champs de formulaire suffisent. mais il y a beaucoup de cas (j'ai rencontré plus d'une douzaine de situations) C'est éblouissant à regarder, donc je suis personnellement dégoûté de cette méthode, mais heureusement, j'y ai pensé moi-même et j'ai trouvé une méthode pratique en utilisant jquery.

J'ai ajouté un attribut supplémentaire à chaque champ de formulaire qui doit soumettre des données et j'ai remplacé l'attribut de nom d'origine par mon propre attribut supplémentaire défini "_postField", tel que et ainsi de suite, puis utilisez la requête pour obtenir tous les objets DOM avec les attributs _postField, parcourez-les et encapsulez-les avec la valeur de _postField comme la clé. Le contenu est une paire de valeurs clé-valeur json, et sa méthode js est la suivante :

Copier le code Le le code est le suivant :




Code de test :



Copier le code
Le code est le suivant :


Homme
Femme
neutral

_postField="job">
< option value="Aller au travail">Aller au travail




bouton" value=" OK " onclick=" test();" />

<script> <br>function test(){ <br>var postData = getFormField(" _postField"); <br><br> var sb = []; <br>for(var o in postData){ <br>sb.push(o "=" postData[o]); <br>} <br>alert(sb.join("n" )); <br>} <br></script>





L'exemple ci-dessus a relativement peu de formes les champs, et certaines choses ne peuvent pas être reflétés, mais lorsque le formulaire Lorsque le nombre de champs est comparé, sa commodité et sa meilleure réutilisabilité peuvent être reflétées. De plus, si jquery est utilisé pour soumettre de manière asynchrone, même l'opération manuelle d'encapsulation des données json est enregistrée ; .
Certaines personnes ne souhaitent peut-être pas ajouter un champ personnalisé tel que "_postField" au champ du formulaire, elles peuvent donc simplement utiliser le nom existant. Il s'agit simplement d'une différence dans l'utilisation des sélecteurs jquery, mais l'essence est toujours la même. .
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal