Javascript Girl
  1. Javascript Girl
  3. Comment faire quelque chose avant de soumettre?
Intereting Posts
Existe-t-il une possibilité de transition fluide pour la taille d'une police d'animation dans Raphael JS? Puis-je contrôler l'icône de chargement du navigateur? Accès à Angular Inside Protractor Test Hériter de Set.prototype Le «bruit de la scène» sonne lorsque l'audio est en pause avec Javascript Date de javascript + 7 jours Liste des tailles de fichiers de toutes les images sur une page (extension Chrome) Quelle est l'explication de ces comportements bizarres de JavaScript mentionnés dans la discussion «Wat» pour CodeMash 2012? Comment modifier la couleur du texte sélectionné de la zone de texte? Quelles sont les principales étapes nécessaires pour créer plusieurs instances d'une application meteor.js s'exécutant sur un seul serveur? Quelque chose de similaire en javascript à ruby ​​# {value} (interpolation de chaîne) "Valeur incorrecte pour l'attribut src sur l'élément img: Doit être non vide", pour générer dynamiquement img src Hammer.js: Comment gérer / régler le robinet et le double-tape sur les mêmes éléments Number.prototype.toFixed: incroyablement correct dans Internet Explorer Pourquoi Math.min ()> Math.max ()?

Comment faire quelque chose avant de soumettre?

J'ai un formulaire qui comporte un bouton qui soumet le formulaire. Je dois faire quelque chose avant que cela ne se produise. J'ai essayé de faire surCliquez sur ce bouton, mais cela se produit après le dépôt.

Je ne peux pas partager le code mais, en général, que dois-je faire dans jQuery ou JS pour gérer cela?

Si vous avez un formulaire en tant que tel: 

<form id="myform"> ... </form>

Vous pouvez utiliser le code jQuery suivant pour faire quelque chose avant que le formulaire ne soit soumis: 

 $('#myform').submit(function() { // DO STUFF... return true; // return false to cancel form action });

En supposant que vous avez un formulaire comme ceci: 

 <form id="myForm" action="foo.php" method="post"> <input type="text" value="" /> <input type="submit" value="submit form" /> </form>

Vous pouvez joindre un onsubmit -event avec jQuery comme ceci: 

 $('#myForm').submit(function() { alert('Handler for .submit() called.'); return false; });

Si vous return false le formulaire ne sera pas envoyé après la fonction, si vous retournez true ou rien, il se soumettra comme d'habitude.

Consultez la documentation jQuery pour plus d'informations.

Vous pouvez utiliser onclick pour exécuter un code JavaScript ou jQuery avant de soumettre le formulaire comme ceci: 

 <script type="text/javascript"> beforeSubmit = function(){ if (1 == 1){ //your before submit logic } $("#formid").submit(); } </script> <input type="button" value="Click" onclick="beforeSubmit();" />

Assurez-vous que le bouton de soumission n'est pas du type "soumettre", faites-en un bouton. Ensuite, utilisez l'événement onclick pour déclencher quelques javascript. Là, vous pouvez faire ce que vous voulez avant de publier vos données.