Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » Effetti e controlli Javascript

Pagine:

RSS Download

Pre-validazione di un form con Javascript

di: Alvin Laini 24 Settembre 2007

d) Una volta intercettati tutti gli attributi di validazione si può procedere con il controllo dell'input digitato dall'utente. Ecco una ad una le varie sezioni:

1. Se l'attributo obbligatorio è settato ad 1 ed il campo è vuoto, sarà restituito il messaggio d'errore impostato per quel campo:

if(obbligatorio==1 && valore=='')
{
alert(campo + '-> ' + msg);
error=1;
}

2. Se l'attributo obbligatorio è settato ad 1 ed il contenuto del campo è diverso da vuoto, allora sarà eseguito un controllo sul contenuto, esaminando così se il valore inserito è un valore numerico oppure una stringa:

if(obbligatorio==1 && valore!='' && regex=='')
{
if(tipo_dato=='int' && isNaN(valore))
{
alert(campo + '-> ' +msg);
error=1;
}
if(tipo_dato=='char' && !isNaN(valore))
{
alert(campo + '-> ' +msg);
error=1;
}
}

3. Se l'attributo regex è settato con un pattern adeguato, sarà eseguito un controllo sul valore inserito all'interno del campo con un'espressione regolare:

if(obbligatorio==1 && valore!='' && regex!='')
{
//prendo il pattern passato dal mio elemento HTML
var pattern=new RegExp(regex);
var result=valore.search(pattern);
if(result!=0)
{
alert(campo + '-> ' +msg);
error=1;
}
}

4. Se, terminati tutti i controlli, il valore della variabile "error" sarà ancora a zero, verrà eseguito l'invio dei dati del form verso il server.

Considerazioni finali

L'esempio analizzato permetterà, a mio avviso, di fornire un punto di partenza per trovare una soluzione definitiva alla validazione dei form; nei passaggi esaminati risulterà infatti evidente come sia possibile semplificare il lavoro dello sviluppatore e dell'utente implementando poche righe di codice che prendono vita con Javascript.

L'esempio è disponibile per il download.