Comment faire pour réinitialiser un formulaire à l'aide de jQuery avec .méthode reset()

J'ai eu code de travail qui pourrait réinitialiser mon formulaire quand je clique sur un bouton de réinitialisation. Cependant, au bout de mon code est de plus en plus longues, je me rends compte qu'il ne fonctionne plus.

 <div id="labels">
<table class="config">
<thead>
<tr>
<th colspan="4"; style= "padding-bottom: 20px; color:#6666FF; text-align:left; font-size: 1.5em">Control Buttons Configuration</th>
</tr>
<tr>
<th>Index</th>
<th>Switch</th>
<th>Response Number</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<form id="configform" name= "input" action="#" method="get">
<tr><td style="text-align: center">1</td>
<td><img src= "static/switch.png" height="100px" width="108px"></td>
<td id="small"><input style="background: white; color: black;" type="text" value="" id="number_one"></td>
<td><input style="background: white; color: black;" type="text"  id="label_one"></td>
</tr>
<tr>
<td style="text-align: center">2</td>
<td><img src= "static/switch.png" height="100px" width="108px"></td>
<td id="small"><input style="background: white; color: black;" type="text" id = "number_two" value=""></td>
<td><input style="background: white; color: black;" type="text"  id = "label_two"></td>
</tr>
<tr>
<td style="text-align: center">3</td>
<td><img src= "static/switch.png" height="100px" width="108px"></td>
<td id="small"><input style="background: white; color: black;" type="text" id="number_three" value=""></td>
<td><input style="background: white; color: black;" type="text" id="label_three"></td>
</tr>
<tr>
<td style="text-align: center">4</td>
<td><img src= "static/switch.png" height="100px" width="108px"></td>
<td id="small"><input style="background: white; color: black;" type="text" id="number_four" value=""></td>
<td><input style="background: white; color: black;" type="text" id="label_three"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" id="configsubmit" value="Submit"></td>
</tr>
<tr>
<td><input type="reset" id="configreset" value="Reset"></td>
</tr>
</form>
</tbody>
</table>
</div>

Et mon jQuery:

 $('#configreset').click(function(){
$('#configform')[0].reset();
});

Est-il une source que je devrais inclure dans mes codes pour que le .reset() méthode de travail? Auparavant, j'ai été en utilisant:

<script src="static/jquery.min.js">
</script>
<script src="static/jquery.mobile-1.2.0.min.js">
</script>

et la .reset() méthode de travail.

Actuellement, je suis en utilisant

<script src="static/jquery-1.9.1.min.js"></script>      
<script src="static/jquery-migrate-1.1.1.min.js"></script>
<script src="static/jquery.mobile-1.3.1.min.js"></script>

Pourrait-il éventuellement être l'une des raisons?

  • pouvez-vous donner un exemple de ne pas travailler? est l'un des champs d'obtenir réinitialisé?
  • c'est quelque chose comme ça, mais il fonctionne très bien ici jsfiddle.net/chJ8B 🙁 probablement parce que d'autres parties du script? mais j'ai seulement 1 formulaire
  • ma question est de savoir si aucun champ est réinitialisé / certains sont travail
  • de Votre code HTML n'est pas valide. Un formulaire ne peut pas être un enfant d'un élément TBODY, et un TR ne peut pas être un enfant d'un élément de FORMULAIRE. Mettre les balises de formulaire à l'extérieur de la table (c'est à dire mettre le tableau dans le formulaire). Très probablement la forme est déplacé en dehors de la table, mais les contrôles de formulaire sont rester dans les cellules de sorte qu'ils ne sont plus dans la forme.
  • bon point! je vais essayer ça. merci!!!! j'ai peut-être manqué cette observation utile si je n'ai pas de revenir ici pour obtenir mon violon lien :s
InformationsquelleAutor yvonnezoe | 2013-05-09