May 24
software di web design di Dreamweaver di Adobe permette agli sviluppatori web di utilizzare Spry convalida widget campo di testo per creare forme che visualizzano informazioni aggiornate sul se l'input dell'utente soddisfa i criteri di convalida date dagli sviluppatori. Il widget Spry visualizza anche i messaggi di errore specifici per il motivo per cui l'ingresso non è riuscito a convalidare, come ad esempio un formato non valido o un, campo obbligatorio vuoto. È possibile modificare il file CSS Spry per modificare l'aspetto dei messaggi di errore e gli stati.
1 Aggiungere un link al file di libreria e CSS Spry JavaScript nel tratto compreso tra le "<head>" tag nella parte superiore della pagina HTML contenente il modulo:
<Script type = "text / javascript"> </ script>
<Link href = "SpryAssets / SpryValidationTextField.css" rel = "stylesheet" type = "text / css" />
2 Determinare quale dei Spry stati convalida modulo si applicano agli ingressi del modulo. Gli ingressi sono in "stato iniziale" quando la pagina prime partenze, e la transizione alla "stato mettere a fuoco" quando l'utente fa clic o si muove ad esso. Spry contiene anche gli stati per cui l'articolo modulo non soddisfa un numero minimo o massimo di caratteri, quando non contiene i dati richiesti, quando i dati ha un formato non valido o se l'utente non seleziona una casella di controllo richiesto o pulsante di scelta.
3 Racchiudere il modulo di input all'interno di "<span>" tag che si applicano le impostazioni Spry a quella di ingresso:
<Span id = "sprytextfield1"> ...... </ span>
4 Aggiungere un tag span impostato direttamente dopo la linea sull'ingresso modulo HTML per specificare quale tipo di Spry stato il messaggio di errore. Per richiedere alcuni input per un campo di testo, aggiungere "<span class =" textfieldRequiredMsg "> è obbligatorio. </ Span>." È possibile modificare il testo tra i tag span a qualsiasi testo che si desidera. Un esempio per una casella di controllo richiesto è "<span class =" checkboxRequiredMsg "> Verifica almeno una casella. </ Span>."
5 Inizializzare il widget di convalida Spry dopo il tag form HTML chiusura aggiungendo la chiamata JavaScript ai campi di widget, sostituendo "sprytextfield1" con il nome utilizzato nei tag span iniziali che racchiudevano l'intero modulo di input:
<Script type = "text / javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField ( "sprytextfield1");
</ Script>