1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> ALTAVEU: Ara anem a fer una ullada a una pàgina web que permet a un usuari 3 00:00:03,020 --> 00:00:06,230 inscriure per a alguna cosa, però que en realitat inclou part del costat del client 4 00:00:06,230 --> 00:00:08,690 la validació de les seves entrades. 5 00:00:08,690 --> 00:00:13,210 >> Noteu aquí, en forma-1.html, tinc aquesta mateixa manera que abans, però he 6 00:00:13,210 --> 00:00:17,940 afegit un atribut ID a la meva forma d'etiquetes, el valor del que es registra, per 7 00:00:17,940 --> 00:00:22,140 que tinc una identificació a través de la qual pugui identificar de forma única que es formen en el meu DOM. 8 00:00:22,140 --> 00:00:26,090 Ara noti sota de la meva manera d'etiqueta és un script etiqueta, de manera que molt deliberadament, 9 00:00:26,090 --> 00:00:30,840 el meu codi JavaScript només s'executarà una vegada que l'etiqueta de formulari i els seus nodes DOM 10 00:00:30,840 --> 00:00:31,990 s'han carregat. 11 00:00:31,990 --> 00:00:35,650 >> A l'interior de la notificació etiqueta script és el primera línia aquí on em declaro 1 12 00:00:35,650 --> 00:00:38,750 variable anomenada formulari i assignar que el valor de retorn de 13 00:00:38,750 --> 00:00:42,850 document.getElementById de cotització registre de la cita. 14 00:00:42,850 --> 00:00:45,860 És aquesta línia de codi que es veurà a través del meu DOM, a la recerca de la 15 00:00:45,860 --> 00:00:50,130 element o node que té un únic identificador de registre, l'emmagatzematge 16 00:00:50,130 --> 00:00:52,590 el valor de retorn en última instància, en aquesta variable. 17 00:00:52,590 --> 00:00:56,910 >> Llavors em registre amb aquesta forma un esdeveniment controlador per a l'enviament del formulari, 18 00:00:56,910 --> 00:01:02,190 amb form.onsubmit i assignar que un funció anònima, el cos 19 00:01:02,190 --> 00:01:04,220 es procedeix a fer el següent. 20 00:01:04,220 --> 00:01:09,700 Si el camp d'aquest formulari, el nom és correu electrònic, té un valor de la igualtat d'usuari 21 00:01:09,700 --> 00:01:14,220 per citar res van dir ells, llavors estem anar a alertar a l'usuari que ell o ella 22 00:01:14,220 --> 00:01:18,120 han de facilitar la seva adreça de correu electrònic, i tornem falsa perquè la forma 23 00:01:18,120 --> 00:01:21,680 si no se sotmet registrar php punt. 24 00:01:21,680 --> 00:01:26,070 >> Si no, si el formulari té un camp el nom és la contrasenya i el valor és 25 00:01:26,070 --> 00:01:28,800 entre cometes, a continuació, anem a cridar en l'usuari que ell o ella 26 00:01:28,800 --> 00:01:30,190 ha de proporcionar una contrasenya. 27 00:01:30,190 --> 00:01:33,620 I de nou, tornar false perquè el formulari no es presenta a 28 00:01:33,620 --> 00:01:35,160 registrar php punt. 29 00:01:35,160 --> 00:01:38,920 >> Mentrestant, si el valor que l'usuari té escrit en el camp de formulari anomenat 30 00:01:38,920 --> 00:01:43,100 contrasenya no coincideix amb el valor que l'usuari ha proporcionat per al formulari 31 00:01:43,100 --> 00:01:47,210 camp anomenat de confirmació, llavors anem a cridar l'usuari les contrasenyes no ho fan 32 00:01:47,210 --> 00:01:50,800 partit i, a continuació, tornar false perquè el formulari no es presenta a 33 00:01:50,800 --> 00:01:52,810 registrar php punt. 34 00:01:52,810 --> 00:01:59,030 >> Finalment, si no és el cas que el acord d'entrada del formulari està marcada, 35 00:01:59,030 --> 00:02:02,740 llavors anem a cridar a l'usuari explicant que ell o ella ha d'estar d'acord amb els termes 36 00:02:02,740 --> 00:02:06,660 i l'estat, i de nou tornar falsa de manera que el formulari no es presenta a 37 00:02:06,660 --> 00:02:08,460 registrar php punt. 38 00:02:08,460 --> 00:02:11,830 >> Perquè si, cap d'aquests errors tenen ha fet, anem de fet retornen true 39 00:02:11,830 --> 00:02:14,990 i permetre que el formulari que es presentarà registrar php punt. 40 00:02:14,990 --> 00:02:17,680 >> Fem una ullada a aquests possibles errors ara per l'obertura 41 00:02:17,680 --> 00:02:19,150 la pàgina en un navegador. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Heus aquí llavors que la forma. 44 00:02:26,890 --> 00:02:28,720 Anem a proporcionar res. 45 00:02:28,720 --> 00:02:30,660 >> Vostè ha de proporcionar la seva adreça de correu electrònic. 46 00:02:30,660 --> 00:02:34,930 Molt bé, anem a almenys cooperen al llarg d'aquestes línies. 47 00:02:34,930 --> 00:02:36,380 >> Ha de proporcionar una contrasenya. 48 00:02:36,380 --> 00:02:40,150 Molt bé, anem a triar un contrasenya com el carmesí. 49 00:02:40,150 --> 00:02:41,245 Les contrasenyes no coincideixen. 50 00:02:41,245 --> 00:02:46,250 Ah, he de cooperar i proporcionar la mateixa paraula, carmesí, de nou. 51 00:02:46,250 --> 00:02:48,290 >> Vostè ha d'acceptar els termes i condicions. 52 00:02:48,290 --> 00:02:50,290 Molt bé, anem a veure ara que la caixa. 53 00:02:50,290 --> 00:02:52,910 I finalment, encara sort, estic registrat. 54 00:02:52,910 --> 00:02:54,678