Discussion :

[alaninho]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[freddou17]

Slt,

je n'écrirais pas

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ++

[danielhagnoul]

Bonjour

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[alaninho]

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 ?

[freddou17]

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?

++

[alaninho]

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.

[Bovino]

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