SPEAKER: La oss nå ta en titt på en nettside som lar brukeren registrere seg for noe, men som faktisk inneholder noen klientsiden validering av hans eller hennes innganger. 

Legg merke til her, i skjema-1.html, har jeg at samme form som før, men jeg har lagt til en ID-attributtet til formen min tag, hvis verdi er registrere, så at jeg har en ID via hvor jeg kan entydig identifisering av den formen i min DOM. Nå legger merke til under mitt skjema tag er et skript tag, slik at svært bevisst, min Javascript-kode vil bare utføre Når skjemaet tag og dets DOM noder har blitt lastet. 

Innsiden av skriptmerket varsel er første linje her hvor jeg erklære en variabel kalt form og tildele det returverdien av document.getElementById sitat unquote registrering. Det er denne linjen med kode som vil se gjennom min DOM, på jakt etter den element eller node som har en unik identifikator for registrering, lagring returverdien til slutt i denne variabelen. 

Så registrerer jeg med at formen en hendelse behandleren for innsending av skjemaet, med form.onsubmit og tilordne en anonym funksjon, kroppen av hvilken fortsetter å gjøre følgende. Hvis det skjemaets felt, hvis navn er e-post, har en verdi fra brukeren like for å sitere unquote ingenting, så vi er kommer til å varsle brukeren om at han eller hun må gi sin e-postadresse, og vi return false slik at skjemaet i seg selv er ikke sendt å registrere dot php. 

Else, hvis skjemaet har et felt hvis navn er passord og hvis verdien er quote unquote, så la oss hyle på brukeren at han eller hun må gi et passord. Og igjen, return false slik at skjemaet er ikke fremlagt for registrer dot php. 

I mellomtiden, hvis verdi har brukeren skrevet inn i skjemaet felt kalt passord samsvarer ikke med den verdien som brukeren har gitt for skjema felt som heter bekreftelse, så la oss kjefte på brukeren passordene ikke kamp, ​​og deretter returnere falsk slik at skjemaet er ikke fremlagt for registrer dot php. 

Til slutt, hvis det ikke er tilfelle at skjema avtale innspill er sjekket, så la oss kjefte på brukeren forklare at han eller hun må godta betingelsene og tilstand, og igjen return false slik at skjemaet ikke er sendt til registrer dot php. 

Else hvis ingen av disse feilene har blitt gjort, la oss faktisk returnere true og tillate at skjemaet skal sendes å registrere dot php. 

La oss ta en titt på disse mulige feil nå ved åpning siden i en nettleser. http://localhost/form-1.HTML. Her er da at formen. La oss gi ingenting. 

Du må oppgi din e-postadresse. Greit, la oss i det minste samarbeide langs disse linjene. 

Du må oppgi et passord. Greit, la oss velge en passord som skarlagen. Passordene er ikke like. Ah, jeg trenger å samarbeide og gi det samme ordet, skarlagen, igjen. 

Du må godta betingelsene og forhold. Greit, la oss nå sjekke den boksen. Og til slutt, Puh, jeg er registrert.