JavaScript: resettare gli elementi dei form

Resettare gli elementi di un form è un compito banale con jQuery, ma richiede una procedura più lunga in JavaScript. Vediamo insieme i dettagli di questa soluzione.

Possiamo creare la seguente funzione di utility:

var clearForm = function(form) {
		form = document.getElementById(form);
		var elements = form.getElementsByTagName('*'),
			len = elements.length,
			i;
		for (i = 0; i < len; i++) {
			var element = elements[i];
			var type = element.type;
			var tag = element.tagName.toLowerCase();
			if (type == 'text' || type == 'password' || tag == 'textarea') {
				element.value = "";
			} else if (type == 'checkbox' || type == 'radio') {
				element.checked = false;
			} else if (tag == 'select') {
				element.selectedIndex = -1;
			}
		}
};

I valori degli elementi di input di tipo testo vengono impostati su una stringa vuota, le checkbox e i radio vengono privati dell'attributo checked e gli elementi select vengono deselezionati, ossia la scelta selezionata viene riportata al valore di partenza.