Software di progettazione di Adobe Dreamweaver web permette agli sviluppatori web di utilizzare i widget campo di testo convalida Spry per creare moduli che visualizzano informazioni aggiornate su se l'input dell'utente soddisfa i criteri di convalida dati dagli sviluppatori. Il widget Spry mostrerà anche i messaggi di errore specifici alla ragione perché l'input non è riuscito a convalidare, ad esempio un formato non valido o un vuoto, il campo obbligatorio. È possibile modificare il file CSS Spry per modificare l'aspetto dei messaggi di errore e Stati.

Istruzioni

1

Aggiungere un link alla libreria Spry JavaScript e file CSS nella sezione tra i tag "< head >" nella parte superiore della pagina HTML che contiene il modulo:

< script type = "text/javascript" >< / script >

< link href="SpryAssets/SpryValidationTextField.css" rel = "stylesheet" type = "text/css" / >

2

Determinare quali stati convalida Spry forma applicare agli ingressi forma. Gli ingressi sono nello "stato iniziale" quando la pagina prima inizia e di transizione per lo "stato attivo" quando l'utente fa clic o si trasferisce ad esso. Spry contiene anche stati per quando l'elemento form non soddisfa un numero minimo o massimo di caratteri, quando non contiene dati necessari, quando i dati hanno un formato non valido o se l'utente non seleziona un pulsante di opzione o la casella di controllo obbligatorio.

3

Racchiudere l'input del form all'interno dei tag "< span >" che applica le impostazioni di Spry a quell'input:

< span id = "sprytextfield1" >... < / span >

4

Aggiungere un insieme di tag span direttamente dopo la riga del form HTML di input per specificare quale tipo di stato del messaggio di errore Spry. Per richiedere alcuni input per un campo di testo, aggiungere "< span class ="textfieldRequiredMsg"> è richiesto un valore. < / span >." È possibile modificare il testo tra il tag span a qualsiasi testo che si desidera. Un esempio per una casella di controllo obbligatorio è "< span class ="checkboxRequiredMsg"> verifica almeno una casella. < / span >."

5

Inizializzare il widget Spry convalida dopo il tag di chiusura HTML form aggiungendo la chiamata JavaScript ai campi widget, sostituendo "sprytextfield1" con il nome utilizzato nel tag span iniziale che è racchiuso l'intero modulo di input:

< script type = "text/javascript" >

var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");

< / script >