>> 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.