1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> Speak: Låt oss nu ta en titt på en webbsida som gör det möjligt för en användare att 3 00:00:03,020 --> 00:00:06,230 registrera sig för något, men som faktiskt innehåller några klientsidan 4 00:00:06,230 --> 00:00:08,690 validering av sina ingångar. 5 00:00:08,690 --> 00:00:13,210 >> Lägg märke till här, i formulär-1.html, har jag samma egenskaper som innan, men jag har 6 00:00:13,210 --> 00:00:17,940 lagt till ett ID-attribut till mitt formulär tag, vars värde är att registrera, så 7 00:00:17,940 --> 00:00:22,140 att jag har ett ID genom vilken jag kan unikt identifierar den formen i mitt DOM. 8 00:00:22,140 --> 00:00:26,090 Nu märker under mitt formulär tagg är ett skript tag, så att mycket medvetet, 9 00:00:26,090 --> 00:00:30,840 min JavaScript-kod endast kommer att utföra när formuläret taggen och dess DOM-noder 10 00:00:30,840 --> 00:00:31,990 har laddats. 11 00:00:31,990 --> 00:00:35,650 >> Inne i skripttagg varsel är det första raden här där jag förklarar en 12 00:00:35,650 --> 00:00:38,750 variabel som kallas formen och tilldela det returvärde 13 00:00:38,750 --> 00:00:42,850 document.getElementById av citat unquote registrering. 14 00:00:42,850 --> 00:00:45,860 Det är här kodraden som kommer att se genom min DOM, letar efter den 15 00:00:45,860 --> 00:00:50,130 element eller nod som har en unik identifierare för registrering, lagring 16 00:00:50,130 --> 00:00:52,590 det returnerade värdet i slutändan i denna variabel. 17 00:00:52,590 --> 00:00:56,910 >> Då jag registrera med den formen en händelse hanteraren för formulär, 18 00:00:56,910 --> 00:01:02,190 med form.onsubmit och tilldela en anonym funktion, som kaross 19 00:01:02,190 --> 00:01:04,220 fortsätter att göra följande. 20 00:01:04,220 --> 00:01:09,700 Om detta formulär fält, vars namn är e-post, har ett värde från användaren lika 21 00:01:09,700 --> 00:01:14,220 för att citera unquote ingenting, då är vi kommer att varna användaren om att han eller hon 22 00:01:14,220 --> 00:01:18,120 måste lämna sin e-postadress, och vi returnera false, så att formen 23 00:01:18,120 --> 00:01:21,680 själv inte lämnat registrera prick php. 24 00:01:21,680 --> 00:01:26,070 >> Annars, om formuläret har ett fält vars namn är lösenord och vars värde är 25 00:01:26,070 --> 00:01:28,800 citat unquote, så låt oss skrika hos användaren att han eller hon 26 00:01:28,800 --> 00:01:30,190 måste ange ett lösenord. 27 00:01:30,190 --> 00:01:33,620 Och återigen, returnera false så att formuläret inte lämnas till 28 00:01:33,620 --> 00:01:35,160 Registrera prick php. 29 00:01:35,160 --> 00:01:38,920 >> Under tiden, om det värde som användaren har skrivs in i formulärfältet som kallas 30 00:01:38,920 --> 00:01:43,100 lösenord matchar inte det värde som användaren har gett för formuläret 31 00:01:43,100 --> 00:01:47,210 område som kallas bekräftelse, så låt oss skrika på användarens lösenord inte 32 00:01:47,210 --> 00:01:50,800 match, och sedan returnera false, så att formuläret inte lämnas till 33 00:01:50,800 --> 00:01:52,810 Registrera prick php. 34 00:01:52,810 --> 00:01:59,030 >> Slutligen, om det inte är fallet att den formulär överenskommelse ingång kontrolleras, 35 00:01:59,030 --> 00:02:02,740 så låt oss skrika på användaren som förklarar att han eller hon ska gå med på villkoren 36 00:02:02,740 --> 00:02:06,660 och tillstånd, och återigen returnera false så att formuläret inte lämnas in till 37 00:02:06,660 --> 00:02:08,460 Registrera prick php. 38 00:02:08,460 --> 00:02:11,830 >> Annars om ingen av dessa misstag har gjorts, låt oss verkligen return true 39 00:02:11,830 --> 00:02:14,990 och låta det formulär som ska lämnas in registrera prick php. 40 00:02:14,990 --> 00:02:17,680 >> Låt oss ta en titt på dessa möjliga fel nu efter öppning 41 00:02:17,680 --> 00:02:19,150 sidan i en webbläsare. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Här är då den formen. 44 00:02:26,890 --> 00:02:28,720 Låt oss ge någonting. 45 00:02:28,720 --> 00:02:30,660 >> Du måste ange din e-postadress. 46 00:02:30,660 --> 00:02:34,930 Okej, låt oss åtminstone samarbeta enligt dessa linjer. 47 00:02:34,930 --> 00:02:36,380 >> Du måste ange ett lösenord. 48 00:02:36,380 --> 00:02:40,150 Okej, låt oss välja en lösenord som karmosin. 49 00:02:40,150 --> 00:02:41,245 Lösenorden matchar inte. 50 00:02:41,245 --> 00:02:46,250 Ah, jag måste samarbeta och ge samma ord, crimson, igen. 51 00:02:46,250 --> 00:02:48,290 >> Du måste godkänna villkoren och villkor. 52 00:02:48,290 --> 00:02:50,290 Okej, låt oss nu kontrollera att rutan. 53 00:02:50,290 --> 00:02:52,910 Och slutligen, USCH, jag är registrerat. 54 00:02:52,910 --> 00:02:54,678