Javascript Girl
  1. Javascript Girl
  3. Ajouter un bouton régulier dans le formulaire qui n'effectue pas un envoi
Intereting Posts
Réglage de la source multimédia html5 à l'aide d'ajax JQuery: Comment envelopper le texte brut RegEx apparié dans une balise d'ancrage? L'applet URLConnection.connect échoue après avoir été appelé depuis JavaScript Vérification / désactivation de Javascript cochez les cases en fonction de l'id Comment les paramètres d'entrée sont-ils remplis dans les chaînes de méthode javascript? Comment mettre à jour un élément existant dans un tableau angulaire (qui a changé à l'extérieur)? Promesses, passez des paramètres supplémentaires à la chaîne Firebase interrompt l'écoute sur AuthStateChanged Comment puis-je modifier les options dans les menus déroulants si cela est généré dynamiquement? Comment puis-je accéder aux éléments enfants au sein de Riot.js Compréhension et implémentation de jQuery autocomplete avec AJAX source et appendTo Pourquoi l'affectation ne fonctionne-t-elle pas toujours dans les expressions angulaires? Comment puis-je obtenir l'adresse mémoire d'une variable JavaScript? JQuery Les éléments ajoutés avec href et javascript ne fonctionnent pas Javascript a-t-il des chaînes littérales?

Ajouter un bouton régulier dans le formulaire qui n'effectue pas un envoi

J'ai cette déclaration de formulaire: 

<form method="post" action="/web_services/buscar_vuelos?method=get"> <div id="addSegment_wrapper"> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="addTr" style="display: inline;"> <span class="ui-button-text">Add Segment</span> </button> </div> <input id="web_services_submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button- text-only" type="submit" value="Search" name="commit"> </form>

Et, bien que je n'ai pas spécifié le bouton "addSegment_wrapper" en tant que soumission, chaque fois que je clique dessus, il appelle l'action du formulaire. Je veux juste traiter ce bouton comme régulier.

Que devrais-je faire?

THX

Vous pourriez faire 

 <button type="button">Add Segment</button>

Faire cela: 

 <button type="button" class="(rest of your classes)">Rest of your code</button>

Plus proche du rasoir Occams (pour les schémas complexes *), il pourrait s'agir de construire le «formulaire à soumettre» séparément, c'est-à-dire de ne pas (c.-à-d. Supprimer l'utilisation de) la balise «formulaire»: pour une description de ce dernier, veuillez consulter " Comment ajax publie un formulaire qui inclut des champs dans une table dynamique pour laquelle les lignes et les colonnes peuvent être ajoutées dynamiquement "

* Par exemple, lorsque votre formulaire se compose d'événements d'interaction multiples, où un sous-ensemble est utilisé pour la soumission de formulaire.