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