Comment réinitialiser (effacer) le formulaire grâce à JavaScript ?

Question

J'ai essayé $("#client.frm").reset(); Alors comment réinitialiser le formulaire via jQuery ?

Answer 1

form.reset() est une méthode de l'élément DOM (et non une méthode de l'objet jQuery), donc vous avez besoin :

$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();

Ou sans jQuery :

document.getElementById("client").reset();

Remarque : la fonction reset() ne fonctionne pas si le formulaire contient un champ avec un attribut :

name='reset'

Answer 2

Vous pouvez simplement le faire :

$("#client.frm").trigger('reset')

Answer 3

Solution JS pure est le suivant :

function clearForm(myFormElement) {

  var elements = myFormElement.elements;

  myFormElement.reset();

  for(i=0; i<elements.length; i++) {

  field_type = elements[i].type.toLowerCase();

  switch(field_type) {

    case "text":
    case "password":
    case "textarea":
          case "hidden":

      elements[i].value = "";
      break;

    case "radio":
    case "checkbox":
        if (elements[i].checked) {
          elements[i].checked = false;
      }
      break;

    case "select-one":
    case "select-multi":
                elements[i].selectedIndex = -1;
      break;

    default:
      break;
  }
    }
}

Answer 4

Note, fonction form.reset() ne fonctionnera pas si certaines balises d'entrée du formulaire ont l'attribut name='reset'

Answer 5

El .reset() n'efface pas les valeurs par défaut et le champ de la case à cocher et il y a beaucoup d'autres problèmes.

Afin de réinitialiser complètement le système, vérifiez le lien ci-dessous.

http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm