1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> ALTAVOZ: Ahora vamos a echar un vistazo a una página web que permite a un usuario 3 00:00:03,020 --> 00:00:06,230 inscribirse para algo, pero que en realidad incluye parte del lado del cliente 4 00:00:06,230 --> 00:00:08,690 la validación de sus entradas. 5 00:00:08,690 --> 00:00:13,210 >> Nótese aquí, en forma-1.html, tengo esa misma forma que antes, pero he 6 00:00:13,210 --> 00:00:17,940 añadido un atributo ID a mi forma de etiquetas, el valor de lo que se registra, por lo 7 00:00:17,940 --> 00:00:22,140 que tengo una identificación a través de la cual pueda identificar de forma única que se forman en mi DOM. 8 00:00:22,140 --> 00:00:26,090 Ahora note debajo de mi forma de etiqueta es una secuencia de comandos etiqueta, de modo que muy deliberadamente, 9 00:00:26,090 --> 00:00:30,840 mi código JavaScript sólo ejecutará una vez que la etiqueta de formulario y sus nodos DOM 10 00:00:30,840 --> 00:00:31,990 se han cargado. 11 00:00:31,990 --> 00:00:35,650 >> En el interior de la notificación etiqueta script es el primera línea aquí donde me declaro un 12 00:00:35,650 --> 00:00:38,750 variable llamada formulario y asignar que el valor de retorno de 13 00:00:38,750 --> 00:00:42,850 document.getElementById de cotización registro de la cita. 14 00:00:42,850 --> 00:00:45,860 Es esta línea de código que se verá a través de mi DOM, en busca de la 15 00:00:45,860 --> 00:00:50,130 elemento o nodo que tiene un único identificador de registro, el almacenamiento 16 00:00:50,130 --> 00:00:52,590 el valor de retorno en última instancia, en esta variable. 17 00:00:52,590 --> 00:00:56,910 >> Entonces me registro con esa forma un evento controlador para el envío del formulario, 18 00:00:56,910 --> 00:01:02,190 con form.onsubmit y asignar que un función anónima, cuyo cuerpo 19 00:01:02,190 --> 00:01:04,220 se procede a hacer lo siguiente. 20 00:01:04,220 --> 00:01:09,700 Si el campo de ese formulario, cuyo nombre es correo electrónico, tiene un valor de la igualdad de usuario 21 00:01:09,700 --> 00:01:14,220 para citar nada dijeron ellos, entonces estamos ir a alertar al usuario de que él o ella 22 00:01:14,220 --> 00:01:18,120 deben facilitar su dirección de correo electrónico, y volvemos falsa para que la forma 23 00:01:18,120 --> 00:01:21,680 sí no se somete registrar php punto. 24 00:01:21,680 --> 00:01:26,070 >> Si no, si el formulario tiene un campo cuyo nombre es la contraseña y cuyo valor es 25 00:01:26,070 --> 00:01:28,800 entre comillas, a continuación, vamos a gritar en el usuario que él o ella 26 00:01:28,800 --> 00:01:30,190 debe proporcionar una contraseña. 27 00:01:30,190 --> 00:01:33,620 Y de nuevo, devolver false para que el formulario no se presenta a 28 00:01:33,620 --> 00:01:35,160 registrarse php punto. 29 00:01:35,160 --> 00:01:38,920 >> Mientras tanto, si el valor que el usuario tiene escrito en el campo de formulario llamado 30 00:01:38,920 --> 00:01:43,100 contraseña no coincide con el valor que el usuario ha proporcionado para el formulario 31 00:01:43,100 --> 00:01:47,210 campo llamado de confirmación, entonces vamos a gritarle al usuario las contraseñas no lo hacen 32 00:01:47,210 --> 00:01:50,800 partido y, a continuación, devolver false para que el formulario no se presenta a 33 00:01:50,800 --> 00:01:52,810 registrarse php punto. 34 00:01:52,810 --> 00:01:59,030 >> Por último, si no es el caso de que el acuerdo de entrada del formulario está marcada, 35 00:01:59,030 --> 00:02:02,740 entonces vamos a gritar al usuario explicando que él o ella debe estar de acuerdo con los términos 36 00:02:02,740 --> 00:02:06,660 y el estado, y de nuevo volver falsa de modo que el formulario no se presenta a 37 00:02:06,660 --> 00:02:08,460 registrarse php punto. 38 00:02:08,460 --> 00:02:11,830 >> Porque si, ninguno de esos errores tienen ha hecho, vamos de hecho devuelven true 39 00:02:11,830 --> 00:02:14,990 y permitir que el formulario que se presentará registrar php punto. 40 00:02:14,990 --> 00:02:17,680 >> Echemos un vistazo a estos posibles errores ahora por la apertura 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 He aquí entonces que la forma. 44 00:02:26,890 --> 00:02:28,720 Vamos a proporcionar nada. 45 00:02:28,720 --> 00:02:30,660 >> Usted debe proporcionar su dirección de correo electrónico. 46 00:02:30,660 --> 00:02:34,930 Muy bien, vamos a por lo menos cooperan a lo largo de esas líneas. 47 00:02:34,930 --> 00:02:36,380 >> Debe proporcionar una contraseña. 48 00:02:36,380 --> 00:02:40,150 Muy bien, vamos a elegir un contraseña como el carmesí. 49 00:02:40,150 --> 00:02:41,245 Las contraseñas no coinciden. 50 00:02:41,245 --> 00:02:46,250 Ah, tengo que cooperar y proporcionar la misma palabra, carmesí, de nuevo. 51 00:02:46,250 --> 00:02:48,290 >> Usted debe aceptar los términos y condiciones. 52 00:02:48,290 --> 00:02:50,290 Muy bien, vamos a ver ahora que la caja. 53 00:02:50,290 --> 00:02:52,910 Y por último, ¡menos mal, estoy registrado. 54 00:02:52,910 --> 00:02:54,678