Maison  >  Article  >  interface Web  >  Explication détaillée de la différence entre les formulaires de soumission et de soumission de boutons en JavaScript

Explication détaillée de la différence entre les formulaires de soumission et de soumission de boutons en JavaScript

黄舟
黄舟original
2017-07-22 14:03:482615parcourir

Soumettre est un cas particulier de bouton et un type de bouton. Il intègre automatiquement l'action de soumission. Tous deux sont affichés sous forme de boutons, mais ils sont différents. C'est l'attribut type et l'événement auquel répond.


1. Si le formulaire doit être traité avec JS (y compris la vérification des entrées) après avoir cliqué sur le bouton Soumettre avant de le soumettre, vous devez généralement mettre soumettre Le changer en bouton signifie annuler son comportement de soumission automatique

Sinon, cela entraînera l'effet de soumission deux fois. Pour les pages Web dynamiques, cela signifie utiliser la base de données deux fois. Ou ajoutez return true ou false lors de la vérification lors de l'utilisation de submit.


2. Soumettre et le bouton sont tous deux affichés sous forme de boutons. Ils ressemblent tous deux à des boutons. La différence réside dans l'attribut type et l'événement de soumission soumettra le formulaire, bouton. Le formulaire ne sera pas soumis.

La principale différence entre les deux est :
soumettre par défaut pour la soumission du formulaire, et le formulaire peut être soumis. 🎜>bouton Répondre aux événements définis par l'utilisateur Si vous ne spécifiez pas de gestionnaire d'événements tel que onclick, il ne fera rien
Bien sûr, le bouton peut également terminer le travail de soumission du formulaire . INPUT type=submit Autrement dit, envoyez le formulaire et appuyez sur Entrée pour soumettre le formulaire

INPUT type=button est une simple fonction de bouton, et celle soumise est innerTEXT



=== ============Comparaison détaillée entre soumettre et bouton==================== ============= === soumettre : Un bouton spécial qui soumettra automatiquement les données du formulaire. La méthode onClick soumettra automatiquement sans retour et n'agira pas. comme contrainte. Donc, utilisez Please add return true ou false lors de la soumission pour vérification
Exemple :

, lorsque vous jugez en JS, écrivez return true ou return false; 🎜>
<input type="submit" name="Submit" value="注 册" onClick=" return check();">
bouton : bouton ordinaire, les données du formulaire ne seront pas automatiquement soumises. Elles peuvent être soumises explicitement dans JS : document.form1.submit(),

Occasions d'utilisation : Une page a plusieurs boutons de soumission. , qui doivent être déterminés en fonction de l'opération de l'utilisateur. À quel contrôleur doit-on être soumis ? Dans ce cas, vous devez déterminer l'opération de l'utilisateur dans JS, puis attribuer une valeur à document.form1.action en fonction de l'opération et la soumettre avec document.form1.submit()

================ Que faire si vous souhaitez que toutes les soumissions soient traitées dans un servlet ==== ============== =

Le bouton de soumission est également un composant HTML, il peut donc également être obtenu via getParameter(). Ensuite, les paramètres de getParameter() sont également nécessaires. à corriger. Le paramètre est le nom du bouton de soumission de tous les formulaires, bien sûr les noms des boutons de soumission

doivent être les mêmes afin d'être unifiés dans une seule servlet. pour différencier les opérations en fonction de la valeur du bouton de soumission

Code ci-joint :


fichier js



Lors de l'utilisation de soumettre, la page jsp


Lors de l'utilisation du bouton, jsp code


Comprendre :

Envoyer est un bouton spécial qui soumettra le formulaire directement. Lorsque vous utilisez le bouton, n'utilisez pas la fonction onclick pour soumettre le formulaire.

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!

Déclaration:
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