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