Validare un form

Come validare un modulo html? - Ecco come validare tutti i campi testo di un form con poche righe di codice javascript!

Io non sono di certo un programmatore espertissimo, soprattutto per quanto riguarda Javascript

…anche se mi piacerebbe moltissimo! Devo decidermi a mettermi a studiarlo seriamente 😉 …

Io odio fare lavori ripetitivi, e cerco sempre di evitarli cercando qualsiasi automatismo disponibile che possa agevolarmi nel lavoro.
Preferisco spendere un’ora del mio tempo per pensare a come far fare il mio lavoro al computer, anzichè usare quell’ora per fare lo stesso lavoro!

L’altro giorno mi è capitato un vecchio caro cliente che voleva tutti i campi del lunghissimo form presente nel suo sito come obbligatori.

Per fortuna ho trovato un ingegniosissimo script che faceva al caso, creando un ciclo che controlla tutti i campi che hanno l’attributo title impostato per accertarsi che siano stati riempiti.

function nullValidation() {
var x = document.getElementById("myForm");
for (var i = 0; i < x.length; i ) {
if(x.elements[i].value == "" && x.elements[i].title) {
alert("Campo obbligatorio: " x.elements[i].title);
x.elements[i].focus();
return false;
}
}
return true;
}

Per applicarlo basta impostare il comando appropriato sul tag FORM:

onsubmit="return nullValidation();"

Purtroppo lo script in questione non funziona con i radiobutton ed i checkbox, ma direi che comunque mi ha aiutato molto!

Se vogliamo fare più in fretta, togliendoci l’obbligo di inserire il TITLE su tutti i campi del form, possiamo eliminare la parte che li riguarda…

&& x.elements[i].title
...
+ x.elements[i].title

Lo script fa apparire una finestra di allerta con il nostro messaggio di avviso, e quando l’utente la chiude si troverà il cursore sul campo che non ha compilato.

Va da sè che questo tipo di validazione del form, basato su javascript, non funziona se l’utente ha javascript disabilitato, e nel caso bisognerebbe affidarsi ad un tipo di validazione lato server, sfruttando allora linguaggi come PHP.

(fonte:bytes.com/topic/javascript/insights/666642-script-validate-all-form-fields-null-one-quick-call)

Un altro script per validare un form, interessante e sicuramente più completo e complesso, e quello creato e messo a disposizione dal programmatore Claudio Biesele nel suo sito.

Il suo javascript permette di validare ogni tipo di elemento di un form, ed è relativamente semplice da installare.
Lo script fa uso della funzione objects.elements.length e può rilevare elementi Select, Text, Textarea, Radio ed altro.

link: Automated Form Validation

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

You can add images to your comment by clicking here.