Validate Form

Attenzione, questa versione è obsoleta.
Vai alla versione 2

Ecco a voi un semplice javascript di facile utilizzo per poter inserire un controllo sui vostri form.
Ecco a voi un demo prima dei codici.

Questo script è molto semplice, si basa su un campo nascosto di nome “required” con un value contenente gli id dei campi da controllare del tipo:

<input type=”hidden” name=”required” value=”nome,cognome” />

In questo modo verranno controllati gli input con gli id “nome” e “cognome”.
In caso siano di value vuoto lo script inserirà a questi input una classe e bloccherà l’invio della form.
Al secondo invio del form, verranno azzerate le classi ed il codice controllerà di nuovo.

ecco invece il css per mostrare

.required-input{ border:solid 1px red;}

Attenzione: questo script non funziona su safari visto il mancato supporto per gli stili dei form.

Il codice può essere facilmente modificato per funzionare con un alert javascript, o con l’aggiunta di un nodo html per visualizzare diversi tipi di errori (campo vuoto, email non valida, campo numerico…).

Presto inseriro una versione completa (con scelta della visualizzazione dell’errore).