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.

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

in your opinion

carino

on

molto bellissimo….mi piace un cifro.

teo

on

ma.. e se dovessi fargli controllare anche una checkbox?

sarebbe il top..

Eduardo

on

Uhm, effettivamente questa versione è antiquatissima, ne ho create varie versioni con tutti i supporti possibili e funzionante su ogni browser. Ora vedo un momento se posso caricarne una nuova versione.

leave one