1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> SPEAKER: Laten we nu een kijkje nemen op een webpagina die een gebruiker toelaat 3 00:00:03,020 --> 00:00:06,230 registreren voor iets, maar die eigenlijk bevat een aantal client-side 4 00:00:06,230 --> 00:00:08,690 validatie van zijn ingangen. 5 00:00:08,690 --> 00:00:13,210 >> Let hier op, in de vorm-1.html, ik heb dat dezelfde vorm als voorheen, maar ik heb 6 00:00:13,210 --> 00:00:17,940 een ID-attribuut toegevoegd aan mijn form tag, waarvan de waarde is te registreren, zodat 7 00:00:17,940 --> 00:00:22,140 dat ik een ID via welke ik kan uniek te identificeren die vorm in mijn DOM. 8 00:00:22,140 --> 00:00:26,090 Let nu hieronder mijn form tag is een script tag, zodat heel bewust, 9 00:00:26,090 --> 00:00:30,840 mijn JavaScript-code alleen uitvoeren zodra de form tag en de DOM nodes 10 00:00:30,840 --> 00:00:31,990 zijn geladen. 11 00:00:31,990 --> 00:00:35,650 >> Binnenkant van de aankondiging script-tag is het eerste lijn hier, waar ik verklaren een 12 00:00:35,650 --> 00:00:38,750 variabele genaamd vorm en toewijzen het de return waarde van 13 00:00:38,750 --> 00:00:42,850 document.getElementById citaat unquote registratie. 14 00:00:42,850 --> 00:00:45,860 Het is deze lijn van code die eruit zal zien door mijn DOM, op ​​zoek naar de 15 00:00:45,860 --> 00:00:50,130 element of knooppunt dat een uniek heeft identificatiecode van de registratie, opslag 16 00:00:50,130 --> 00:00:52,590 de return waarde uiteindelijk in deze variabele. 17 00:00:52,590 --> 00:00:56,910 >> Dan registreer ik met die vorm een ​​gebeurtenis handler voor het indienen van formulieren, 18 00:00:56,910 --> 00:01:02,190 met form.onsubmit en wijs dat een anonieme functie, waarvan het lichaam 19 00:01:02,190 --> 00:01:04,220 overgaat tot het volgende doen. 20 00:01:04,220 --> 00:01:09,700 Als het veld van die vorm, waarvan de naam is e-mail, heeft een waarde van de gebruiker gelijk 21 00:01:09,700 --> 00:01:14,220 om unquote niets citeren, dan zijn we naar de gebruiker te waarschuwen dat hij of zij 22 00:01:14,220 --> 00:01:18,120 moeten hun e-mailadres op te geven, en we return false, zodat de vorm 23 00:01:18,120 --> 00:01:21,680 zelf wordt niet ingediend om dot php registreren. 24 00:01:21,680 --> 00:01:26,070 >> Anders, als het formulier een veld waarvan de naam is met een wachtwoord en waarvan de waarde 25 00:01:26,070 --> 00:01:28,800 citaat unquote, dan laten we schreeuwen aan de gebruiker dat hij of zij 26 00:01:28,800 --> 00:01:30,190 moet een wachtwoord opgeven. 27 00:01:30,190 --> 00:01:33,620 En nogmaals, return false zodat het formulier is niet voorgelegd aan 28 00:01:33,620 --> 00:01:35,160 registreren dot php. 29 00:01:35,160 --> 00:01:38,920 >> Ondertussen, als de waarde de gebruiker getypt in de vorm veld genaamd 30 00:01:38,920 --> 00:01:43,100 wachtwoord komt niet overeen met de waarde die de gebruiker heeft verleend voor het formulier 31 00:01:43,100 --> 00:01:47,210 veld genaamd bevestiging, dan laten we schreeuwen tegen de gebruiker de wachtwoorden niet 32 00:01:47,210 --> 00:01:50,800 wedstrijd, en dan terug valse zodat het formulier is niet voorgelegd aan 33 00:01:50,800 --> 00:01:52,810 registreren dot php. 34 00:01:52,810 --> 00:01:59,030 >> Tenslotte, als het niet zo dat de overeenkomst invulformulier wordt gecontroleerd, 35 00:01:59,030 --> 00:02:02,740 dan laten we schreeuwen tegen de gebruiker uit te leggen dat hij of zij moet akkoord gaan met de voorwaarden 36 00:02:02,740 --> 00:02:06,660 en conditie, en weer terug te keren vals zodat het formulier niet wordt ingediend 37 00:02:06,660 --> 00:02:08,460 registreren dot php. 38 00:02:08,460 --> 00:02:11,830 >> Anders als geen van die fouten hebben zijn gemaakt, laten we inderdaad zo terug 39 00:02:11,830 --> 00:02:14,990 en laat het formulier te worden ingediend om dot php registreren. 40 00:02:14,990 --> 00:02:17,680 >> Laten we eens een kijkje nemen op deze mogelijke fouten nu door het openen 41 00:02:17,680 --> 00:02:19,150 de pagina in een browser. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Hier is dan die vorm. 44 00:02:26,890 --> 00:02:28,720 Laten we zorgen voor niets. 45 00:02:28,720 --> 00:02:30,660 >> U moet uw e-mailadres op te geven. 46 00:02:30,660 --> 00:02:34,930 Oke, laten we in ieder geval samen in die richting. 47 00:02:34,930 --> 00:02:36,380 >> U moet een wachtwoord opgeven. 48 00:02:36,380 --> 00:02:40,150 Oke, laten we kiezen voor een wachtwoord als karmozijn. 49 00:02:40,150 --> 00:02:41,245 Wachtwoorden komen niet overeen. 50 00:02:41,245 --> 00:02:46,250 Ah, ik moet samenwerken en zorgen voor hetzelfde woord, karmozijnrood, opnieuw. 51 00:02:46,250 --> 00:02:48,290 >> U moet akkoord gaan met de voorwaarden en voorwaarden. 52 00:02:48,290 --> 00:02:50,290 Oke, laten we eens kijken nu die doos. 53 00:02:50,290 --> 00:02:52,910 En tot slot, oef, ik ben ingeschreven. 54 00:02:52,910 --> 00:02:54,678