Comment vider un formulaire en javascript ?

Description Sur les formulaires contenants un nombre important d'éléments, il peut être intéressant de proposer à vos visiteurs un bouton permettant de remettre à zéro les valeurs affichées (reset).
Publicité
Solution Pour cela, il suffit de créer la fonction suivante:

function vider_form(form)
{
var els = form.elements;
for(i=0;i<els.length;i++)
{

if(els[i].type=="checkbox")
els[i].checked = false;

if(els[i].type=="textarea")
els[i].value = "";

if(els[i].type=="text")
els[i].value = "";

if(els[i].type=="file")
els[i].value = "";

}
}


Il ne reste plus qu'à l'appeler lors d'un clique sur un lien par exemple:

<a href="" onclick="vider_form(id_form);">Vider le formulaire</a>

A noter qu'il vous faudra remplacer la valeur "id_form" par le nom du formulaire (attribut "name" de la balise "form").
Notez la solution
1.8/5 (221 votes)
Partagez cette question
Questions similaires
Mots clés formulaire, vider, javascript
Derniére modification le 18/12/08 à 01:06