- Touver le submit des forms ET/OU le submit dans un filedset

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

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>&nbsp;&nbsp;<wbr />Chargement...')
      ;
    }

  });

Merci d'avance ! :)

Édité par Moufle

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte