The Developer Inside

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.

demo

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.

Di seguito trovere il codice javascript per utilizzarlo.

Scarica validate form

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).