HTML Form Validering Tutorial

Hypertext Markup Language (HTML) brukes til å lage statiske websider. Mange HTML-sider består av former, for eksempel brukerpålogging som krever brukernavn og passord. Javascript-kode kan bygges inn i HTML-koden for å validere skjemaer. Validere skjemaer hjelper brukerne debug skjemafeil. For eksempel kan en bruker glem å skrive inn et telefonnummer i et kontaktskjema. Testing for en tom tekstboks vil varsle brukeren om at han har unnlatt å fylle ut et skjema oppføring når han prøver å sende inn skjemaet.

Bruksanvisning

1 Bruk en funksjon for å kontrollere om en tekst er tom. Den består av en if-setning som tester om verdien er lik 0. Hvis den er lik 0, da en varselboks vises med en melding, for eksempel "Vennligst fyll ut alle obligatoriske felter." Hvis lengden er større enn 0, avslutter det validering.

2 Sett funksjoner, for eksempel isNumeric og isAlphabet, for å kontrollere at inngangen for enkelte felt er alle tall eller bokstaver. For eksempel bør telefonnumre være av tall, mens navnene skal bare inneholde bokstaver. Angi gyldige tegn som kan skrives inn, som er "0-9" for tall og "a til z" for bokstaver. Funksjonen bør inkludere en if-setning som tester om inputted verdi oppfyller kriteriene. Hvis den ikke gjør det, vises en varselmelding.

3 Bruk en funksjon for å bekrefte at e-postadressene er i riktig format. For eksempel bør det inneholde symbolet "@" og slutter på ".", Etterfulgt av "com, net, org, gov." Gyldige tegn er "a til z", "0-9", "@" og ".."

4 Sjekk at lengden av input er hensiktsmessig. For eksempel, hvis passordene bør være seks til ni tegn, kan du bruke en funksjon for å begrense lengden på brukerundersøkelser for passordfeltet ved å angi minimums- og maksimums egenskaper.