Ettekandja: Olgem nüüd heita pilk veebileht, mis võimaldab kasutajal registreeruda midagi, kuid tegelikult sisaldab mõningaid kliendipoolse valideerimine tema sisenditele. 

Pange tähele siin, vormi-1.HTML, mul on et samamoodi nagu enne, kuid ma olen lisatud ID atribuut minu vorm tag, mille väärtus on register, nii et mul on ID, mille kaudu ma saan üheselt tuvastada, et vorm on minu DOM. Nüüd teate alla oma vormi tag on skript tag, nii et väga teadlikult, minu JavaScripti koodi täidab ainult Kui vorm tag ja DOM sõlmed on laaditud. 

Toas script tag teade on esimene rida siin, kus ma kuulutada muutuja nimega vorm ning määrata see tagastatav väärtus document.getElementById Tsitaadi lõppeb registreerimine. See on see rida koodi, mis näeb läbi minu DOM, otsin elemendi või sõlme, mis on ainulaadne tunnus registreerimise, säilitamise tagastatav väärtus lõppkokkuvõttes See muutuja. 

Siis ma registreeruma, et vormi korral käitlejale vormi esitamise, koos form.onsubmit ja määrata, et anonüümne funktsioon, organisatsioon, mille lähtub teha järgmist. Kui seda vormi väli, mille nimi on email, väärtus on kasutaja võrdne tsiteerida lõppeb midagi, siis me oleme läheb kasutajale märku, et ta peab esitama oma e-posti aadress ja me tagasi vale, nii et vormi ise ei ole esitatud registreerida dot php. 

Else, kui vorm on valdkond, mille nime on parool ja mille väärtus on quote lõppeb, siis lähme karju tarbija juures, et ta peab esitama parool. Ja jälle tagasi false nii, et vorm ei ole esitatud registreeru dot php. 

Vahepeal, kui väärtus on kasutajal trükitud vormi Väli salasõna ei kattu väärtus, kasutaja on ettenähtud vormis Väli kinnitust, siis olgem karju kasutaja paroolid ei mängu ja siis tagasi vale, nii et vorm ei ole esitatud registreeru dot php. 

Lõpuks, kui see ei ole nii, et vormis kokkulepe sisend on valitud, siis lähme karju kasutaja selgitades et ta peab nõustute ja tingimus, ja jälle tagasi false et vorm ei ole esitatud registreeru dot php. 

Else kui ükski neist vigadest on tehtud, lähme küll tagasi true ja võimaldab vormi esitamise registreerida dot php. 

Võtame pilk nende võimalik vead nüüd avades brauseris lehe. http://localhost/form-1.HTML. Siin on siis mis kujul. Anname midagi. 

Sa pead andma oma e-posti aadress. Olgu, lähme vähemalt koostööd sinnakanti. 

Te peate parool. Olgu, lähme valima UUS nagu karmiinpunane. Paroolid ei kattu. Ah, mul on vaja teha koostööd ja anda sama sõna, karmiinpunane, jälle. 

Peate nõustuma tingimustega ja tingimusi. Olgu, lähme nüüd kontrollida, et kasti. Ja lõpuks, vau, ma olen registreeritud.