Reset du formulaire

Bonjour,

j'utilise jquery pour effacer les valeurs du formulaire avec un bouton reset mais j'ai un problème.

Dans mon formulaire j'ai un bouton "example" quand je clique dessus tout fonctionne comme je veux, l'exemple s'affiche où je veux mais après avoir cliqué sur le bouton "reset", le bouton "example" ne fonctionne plu.

Voici le javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function(){
    $("#reset").click(function(){
        $(':input', '#formulaire')
            .not(':button, :submit, :reset, :hidden')
            .val('')
            .removeAttr('checked')
            .removeAttr('selected');
	return false;
    });
    $("#example").click(function(){
        $.ajax({
            type:"GET",
            url:"example.fasta",
            success: function(data){
                $("#example_box").html(data);
            },
            error: function(){
                $("#example_box").html('Une erreur est survenue.');
            }
        });
        return false;
    });
 
});

Le code du formulaire :

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 <form id="formulaire" enctype="multipart/form-data" method="post">
  <div class="formulaire">
    <table class="vide">
      <tr>
        <td class="label">Enter a <b>name</b> for the sequences
          <i>(optional) </i> :
          <input type="text" name="seq_name" size="20" />
        </td>
      </tr>
    </table>
  </div>
 
  <div class="formulaire">
    <table class="vide">
      <tr>
        <td class="label"><b>Paste</b> your sequences in FASTA
          format &nbsp;&nbsp;<!--[<a href="">?</a>]-->
        </td>
      </tr>
      <tr>
        <td>
          <textarea id="example_box" name="sequence" rows="15" cols="40"></textarea>
        </td>
      </tr>
      <tr>
        <td>
	  or
        </td>
      </tr>
      <tr>
        <td class="label">
          <b>upload</b> a file
          <input type="file" name="file"/>
        </td>
      </tr>
      <tr>
        <td><input type="submit" id="example" name="example" value="Example" /></td>
      </tr>
    </table>
  </div>
  <div class="formulaire">
    <table class="vide">
      <tr>
        <td class="label">
          Option
          <!--[<a href="">?</a>]-->
        </td>
      </tr>
      <tr>
        <td><input type="checkbox" name="AT" value="pourcentage AT"/>Calculate the % of AT</td>
        </tr>
    </table>
  </div>
 
 
  <div class="formulaire">
    <table class="vide">
      <tr>
        <td class="label">
          Enter your <b>E-mail</b> address <i>(optional)</i>:
          <input type="text" name="email" size="20" />
        </td>
      </tr>
    </table>
  </div>
 
  <div class="center">
    <input type="submit" id="reset" name="reset" value="Reset" />
    <input type="submit" id="run" value="Run " />
    <input type="hidden" name="command" value="request" />
  </div>
 </form>

Le fichier exemple.fasta est le suivant :

>seq1
ACGTACGTCAGCTAGCTAGCTACGATGCAGCTGAC

Je pense que c'est un problème avec le return false, le problème c'est que quand il n'est pas présent, la page revient sur la page d'accueil.

Alaninho

Slt,

je n'écrirais pas

Code:

<input type="submit" id="reset" name="reset" value="Reset" />

mais
Code:

1 2 3 <input type="reset" value="Reset!"> //ou <input type="button" id="reset" name="reset" value="Reset" />
pareil pour ton bouton exemple, pas de type submit...

Bon courage ++

Bonjour

Je me suis arrêté à la première erreur (type submit au lieu de reset) :
Code:

1 2 <input type="reset" value="Reset" /> <input type="submit" value="Run " />

Merci à vous deux, mais le problème n'est pas résolu. J'ai bien changé les types des buttons.

Enfin, je l'ai résolu différemment, j'ai recharger la page du formulaire.

Est ce que c'est un bon choix ?

Tu as enlevé tes return false?

Autre chose, tu n'as pas d'action dans ton form?

Peux tu remettre ton code stp avec les quelques corrections?

++

C'est le même code, sauf que à la place des submit j'ai mis button pour example et reset pour reset.

Et j'ai enlevé les return false dans les jquery.

Pourquoi vouloir écrire en jQuery ce qu'un bouton reset fait nativement ? :koi:

C'est pas faux! Je viens de m'en rendre compte en parlant avec mes collègues.

Merci quand même de votre aide!