Resettare un form con JQuery

Aggiornato il 21/04/2011


Svuotare i campi input di un form con jQuery
Ho scoperto che resettare un form con jQuery non è una cosa proprio banale, soprattutto se l'intenzione è quella di resettare solo alcuni campi.
Questa funzione però potrebbe esservi di aiuto:

function resetForm(id) {
   $('#' + id + ' :input').each(function(){
      $(this).val('');
   });
}

Sarà sufficiente passare l'id dell'elemento (form o fieldset) che vogliamo resettare e la funzione troverà tutti i campi input al suo interno, cancellando la loro value.


Svuotare tutti i campi di un form, comprese le select, con jQuery.

function resetForm(id) {
   // Lista dei tipi di campi input da resettare
   $(':text, :password, :file', '#'+id).val('');  // Deseleziona checkbox, radio e select
   $(':input,select option', '#'+id).removeAttr('checked').removeAttr('selected');
   // Seleziona il primo valore della select
   $('select option:first', '#'+id).attr('selected',true);
}


Resettare tutti i campi di un form con jQuery


$('#myform')[0].reset();