Salut 
Je viens vous voir pour essayer de trouver une solution à mon problème. Sur mon site j'ai dans certains cas des formulaires avec un bouton submit. Dans d'autres cas j'ai des formulaires coupé en fieldset (portant donc le même ID que le form en question) avec un submit dans celui-ci.
Pour illustrer mon deuxième cas :
1 2 3 4 5 6 7 8 9 | <form id="monform"> <fieldset form="monform"> ... </fieldset> </form> <fieldset form="monform"> <input type="submit"> </fieldset> |
Avez-vous une petite idée ? Je gère déjà le premier cas.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | $('form').on('submit', function (e) { $this = $(this) $buttons = $('button[type=submit]'); // Tous les boutons submit $button = $this.find('button[type=submit]'); // Boutons submit dans le form envoyé // On met tous les autres submit en type button pour pas envoyer un autre formulaire $buttons.prop('type', 'button'); // Je met le bouton en disabled pour pas envoyer le formulaire plusieurs fois // En changement de même le texte affiché // Je gère le cas visuel pour les petits boutons (pas d'icone) if ($button.hasClass('btn-sm')) { console.log('toto'); $button .data('originalText', $button.text()) .prop('disabled', true) .text('Chargement') ; } else { console.log('toutou'); $button .data('originalText', $button.text()) .prop('disabled', true) .html('<i class="icon-spinner rotate"></i> <wbr />Chargement...') ; } }); |
Merci d'avance !
+0
-0
