SPEAKER: Lad os nu tage et kig på en web-side, der giver brugeren mulighed for at registrere for noget, men som faktisk omfatter nogle klientsiden validering af hans eller hendes input. 

Bemærk her, i formular-1.html, jeg har at samme form som før, men jeg har tilføjede et ID-attribut til min formular tag, hvis værdi er at registrere, så at jeg har et id via hvilken jeg kan entydigt at identificere denne form i min DOM. Læg nu mærke til under mit formular tag er et script tag, så meget bevidst, min JavaScript-kode, vil kun udføre Når formularen tag og dets DOM knudepunkter er indlæst. 

Inde i bekendtgørelsen script-tag er den første linje her, hvor jeg erklære en variabel kaldet form og tildele det returværdien af document.getElementById citat unquote registrering. Det er denne linje kode, der vil se gennem min DOM, på udkig efter den element eller knudepunkt, der har en unik identifikator for registrering, lagring returværdien i sidste ende i denne variabel. 

Så tilmeld jeg med denne form en begivenhed Handler for formularen indsendelse, med form.onsubmit og tildele den pågældende en anonym funktion, kroppen som provenuet til at gøre følgende. Hvis denne form felt, hvis navn er e-mail, har en værdi fra brugeren lige at citere citat slut noget, så er vi kommer til at advare brugeren om, at han eller hun skal give deres e-mail-adresse, og vi vender tilbage falsk, så formen selv ikke er indsendt at registrere dot php. 

Else, hvis form har et felt, hvis navn er password, og hvis værdi er citat citat slut, så lad os råbe ved brugeren, at han eller hun skal give en adgangskode. Og igen, return false så formularen er ikke forelagt registrere dot php. 

I mellemtiden, hvis værdien brugeren har indtastet til formularen felt, der kaldes kodeord svarer ikke til den værdi, som brugeren har angivet for formularen område kaldet bekræftelse, så lad os råber på brugeren adgangskoderne ikke match, og derefter vende tilbage falsk, så formularen er ikke forelagt registrere dot php. 

Endelig, hvis det ikke er tilfældet, at formular aftale indgang er markeret, så lad os råbe på brugeren forklarer at han eller hun skal acceptere vilkårene og tilstand, og igen return false således at skemaet ikke indsendes til registrere dot php. 

Else hvis ingen af ​​disse fejl har blevet gjort, lad os faktisk returnere sandt og tillade formular, der skal indsendes at registrere dot php. 

Lad os tage et kig på disse mulige fejl nu ved at åbne siden i en browser. http://localhost/form-1.HTML. Her er så denne form. Lad os give noget. 

Du skal angive din e-mail-adresse. Okay, lad os i det mindste samarbejde langs disse linjer. 

Du skal angive en adgangskode. Okay, lad os vælge en adgangskode som purpur. Adgangskoderne stemmer ikke overens. Ah, jeg har brug for at samarbejde og give det samme ord, Crimson, igen. 

Du skal acceptere vilkårene og betingelser. Okay, lad os nu kontrollere, at kassen. Og endelig, puha, jeg er registreret.