Tutorial for Spry Form Validation

August 26

Adobes Dreamweaver webdesign programvare lar webutviklere å bruke Spry Valideringstekstfeltet widgets til å opprette skjemaer som viser oppdatert informasjon om brukerens input oppfyller gyldighetskriterier gitt av utviklerne. Den Spry widget vil også vise feilmeldinger som er spesifikke for årsaken til at innspill ikke klarte å validere, for eksempel et ugyldig format eller et tomt, obligatorisk felt. Du kan redigere Spry CSS-fil for å endre utseendet av feilmeldingene og stater.

Bruksanvisning

1 Legg en link til Spry Javascript-bibliotek og CSS filen i strekningen mellom "<head>" koder på toppen av HTML-siden som inneholder skjemaet:

2 Bestem hvilke av Spry skjema validering tilstander gjelder skjema innganger. Inngangene er i "opprinnelige tilstand" når siden først starter, og overgang til "fokusere state" når brukeren klikker eller flytter til det. Spry inneholder også stater for når skjemaet varen ikke oppfyller et minimum eller maksimum antall tegn, da den ikke inneholder nødvendige data, når dataene har et ugyldig format eller hvis brukeren ikke velge ønsket avmerkingsboks eller alternativknapp.

3 Legg ved skjemaet innspill innen "<span>" koder som gjelder de Spry innstillingene til at innspill:

4 Legg et spenn tag satt direkte etter streken på hmtl skjema innspill til å spesifisere hvilken type Spry feilmelding tilstand. Å kreve noen innspill for et tekstfelt, legge til "<span class =" textfieldRequiredMsg "> En verdi er nødvendig. </ Span>." Du kan endre teksten mellom span koder til tekst som du ønsker. Et eksempel på en nødvendig boksen er "<span class =" checkboxRequiredMsg "> Kontroller minst en boks. </ Span>."

5 Initialisere Spry validering widget etter den avsluttende HTML-skjema tag ved å legge til Javascript-kall til widget felt, erstatte "sprytextfield1" med navnet som brukes i de innledende span koder som omsluttet hele skjemaet innspill:

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

</ Script>