SPEAKER: Laten we nu een kijkje nemen op een webpagina die een gebruiker toelaat registreren voor iets, maar die eigenlijk bevat een aantal client-side validatie van zijn ingangen. 

Let hier op, in de vorm-1.html, ik heb dat dezelfde vorm als voorheen, maar ik heb een ID-attribuut toegevoegd aan mijn form tag, waarvan de waarde is te registreren, zodat dat ik een ID via welke ik kan uniek te identificeren die vorm in mijn DOM. Let nu hieronder mijn form tag is een script tag, zodat heel bewust, mijn JavaScript-code alleen uitvoeren zodra de form tag en de DOM nodes zijn geladen. 

Binnenkant van de aankondiging script-tag is het eerste lijn hier, waar ik verklaren een variabele genaamd vorm en toewijzen het de return waarde van document.getElementById citaat unquote registratie. Het is deze lijn van code die eruit zal zien door mijn DOM, op ​​zoek naar de element of knooppunt dat een uniek heeft identificatiecode van de registratie, opslag de return waarde uiteindelijk in deze variabele. 

Dan registreer ik met die vorm een ​​gebeurtenis handler voor het indienen van formulieren, met form.onsubmit en wijs dat een anonieme functie, waarvan het lichaam overgaat tot het volgende doen. Als het veld van die vorm, waarvan de naam is e-mail, heeft een waarde van de gebruiker gelijk om unquote niets citeren, dan zijn we naar de gebruiker te waarschuwen dat hij of zij moeten hun e-mailadres op te geven, en we return false, zodat de vorm zelf wordt niet ingediend om dot php registreren. 

Anders, als het formulier een veld waarvan de naam is met een wachtwoord en waarvan de waarde citaat unquote, dan laten we schreeuwen aan de gebruiker dat hij of zij moet een wachtwoord opgeven. En nogmaals, return false zodat het formulier is niet voorgelegd aan registreren dot php. 

Ondertussen, als de waarde de gebruiker getypt in de vorm veld genaamd wachtwoord komt niet overeen met de waarde die de gebruiker heeft verleend voor het formulier veld genaamd bevestiging, dan laten we schreeuwen tegen de gebruiker de wachtwoorden niet wedstrijd, en dan terug valse zodat het formulier is niet voorgelegd aan registreren dot php. 

Tenslotte, als het niet zo dat de overeenkomst invulformulier wordt gecontroleerd, dan laten we schreeuwen tegen de gebruiker uit te leggen dat hij of zij moet akkoord gaan met de voorwaarden en conditie, en weer terug te keren vals zodat het formulier niet wordt ingediend registreren dot php. 

Anders als geen van die fouten hebben zijn gemaakt, laten we inderdaad zo terug en laat het formulier te worden ingediend om dot php registreren. 

Laten we eens een kijkje nemen op deze mogelijke fouten nu door het openen de pagina in een browser. http://localhost/form-1.HTML. Hier is dan die vorm. Laten we zorgen voor niets. 

U moet uw e-mailadres op te geven. Oke, laten we in ieder geval samen in die richting. 

U moet een wachtwoord opgeven. Oke, laten we kiezen voor een wachtwoord als karmozijn. Wachtwoorden komen niet overeen. Ah, ik moet samenwerken en zorgen voor hetzelfde woord, karmozijnrood, opnieuw. 

U moet akkoord gaan met de voorwaarden en voorwaarden. Oke, laten we eens kijken nu die doos. En tot slot, oef, ik ben ingeschreven.