1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> Speak: Imos agora dar un ollo unha páxina web que permite que un usuario 3 00:00:03,020 --> 00:00:06,230 subscribirse a algo, pero que en realidade inclúe algúns do lado do cliente 4 00:00:06,230 --> 00:00:08,690 validación dos seus insumos. 5 00:00:08,690 --> 00:00:13,210 >> Teña en conta aquí, en forma-1.html, teño esa mesmo xeito como antes, pero eu teño 6 00:00:13,210 --> 00:00:17,940 engade un atributo ID para a miña forma tag, o valor das cales é rexistrar, de xeito 7 00:00:17,940 --> 00:00:22,140 que eu teño un ID vía que eu poida identificar de que xeito o meu DOM. 8 00:00:22,140 --> 00:00:26,090 Agora, teña en conta a continuación do meu formulario etiqueta é un script tag, de xeito que moi deliberadamente, 9 00:00:26,090 --> 00:00:30,840 meu código JavaScript só executará xa que a etiqueta formulario e os seus nós DOM 10 00:00:30,840 --> 00:00:31,990 foron cargados. 11 00:00:31,990 --> 00:00:35,650 >> Dentro do edital tag script é o primeira liña aquí onde eu declarar unha 12 00:00:35,650 --> 00:00:38,750 variable chamada forma e asignar que o valor de retorno 13 00:00:38,750 --> 00:00:42,850 document.getElementById da cita rexistro pecha comiñas. 14 00:00:42,850 --> 00:00:45,860 É esta liña de código que se ve a través do meu DOM, ollando para o 15 00:00:45,860 --> 00:00:50,130 elemento ou nodo que posúe un único identificador de rexistro, almacenamento 16 00:00:50,130 --> 00:00:52,590 o valor de retorno, en última instancia nesta variable. 17 00:00:52,590 --> 00:00:56,910 >> Así que rexistrar con que forma un evento manipulador para o envío do formulario, 18 00:00:56,910 --> 00:01:02,190 con form.onsubmit e asignar que un función anónima, o corpo de que 19 00:01:02,190 --> 00:01:04,220 pasa a facer o seguinte. 20 00:01:04,220 --> 00:01:09,700 O campo desa forma, cuxo nome é correo electrónico, ten un valor a partir do usuario igual 21 00:01:09,700 --> 00:01:14,220 por citar nada pecha comiñas, entón estamos indo para advertir o usuario de que el ou ela 22 00:01:14,220 --> 00:01:18,120 debe proporcionar o seu enderezo de correo-e, e nós return false para que o formulario 23 00:01:18,120 --> 00:01:21,680 en si non é sometido a rexistrar php punto. 24 00:01:21,680 --> 00:01:26,070 >> Outra cousa, se o formulario ten un campo cuxo nome é o contrasinal e cuxo valor é 25 00:01:26,070 --> 00:01:28,800 entre comiñas, entón imos berrar o usuario que el ou ela 26 00:01:28,800 --> 00:01:30,190 debe proporcionar un contrasinal. 27 00:01:30,190 --> 00:01:33,620 E, de novo, voltar false para que o formulario non é sometido a 28 00:01:33,620 --> 00:01:35,160 php rexistrar punto. 29 00:01:35,160 --> 00:01:38,920 >> Non obstante, se o valor que o usuario ten escriba ao campo de formulario chamado 30 00:01:38,920 --> 00:01:43,100 contrasinal non coincide co valor que o usuario teña seleccionado para a forma 31 00:01:43,100 --> 00:01:47,210 campo chamado de confirmación, entón imos berrar co usuario os contrasinais non 32 00:01:47,210 --> 00:01:50,800 xogo, a continuación, regresar false para que o formulario non é sometido a 33 00:01:50,800 --> 00:01:52,810 php rexistrar punto. 34 00:01:52,810 --> 00:01:59,030 >> Por último, se non é o caso, que a entrada segundo o formulario está seleccionado, 35 00:01:59,030 --> 00:02:02,740 entón imos berrar co usuario explicando que el ou ela debe concordar cos termos 36 00:02:02,740 --> 00:02:06,660 e condición, e, de novo, volver falso para que o formulario non é sometido a 37 00:02:06,660 --> 00:02:08,460 php rexistrar punto. 38 00:02:08,460 --> 00:02:11,830 >> Else if, ningún destes erros teñen foron feitas, imos de feito voltar true 39 00:02:11,830 --> 00:02:14,990 e facer que o formulario sexa enviado a rexistrar php punto. 40 00:02:14,990 --> 00:02:17,680 >> Imos dar un ollo nestes posible erros agora por apertura 41 00:02:17,680 --> 00:02:19,150 a páxina 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 Velaí, entón, que forma. 44 00:02:26,890 --> 00:02:28,720 Imos ofrecer nada. 45 00:02:28,720 --> 00:02:30,660 >> Debe proporcionar o seu enderezo de correo electrónico. 46 00:02:30,660 --> 00:02:34,930 Todo ben, imos polo menos cooperar nese sentido. 47 00:02:34,930 --> 00:02:36,380 >> Debe proporcionar un contrasinal. 48 00:02:36,380 --> 00:02:40,150 Todo ben, imos escoller un contrasinal como o tinto. 49 00:02:40,150 --> 00:02:41,245 Os contrasinais non coinciden. 50 00:02:41,245 --> 00:02:46,250 Ah, eu teño cooperar e facilitar a mesma palabra, o tinto, de novo. 51 00:02:46,250 --> 00:02:48,290 >> Debe de acordo cos termos e condicións. 52 00:02:48,290 --> 00:02:50,290 Todo ben, imos ver agora que a caixa. 53 00:02:50,290 --> 00:02:52,910 E, finalmente, Ufa, estou rexistrado. 54 00:02:52,910 --> 00:02:54,678