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