Prctica 1 HTML, Formularios y JavaScript

Ejercicio 1. HTML
Se pide: a) Resolver los ejercicios 1.1 a 1.4, utilizando como editor de HTML la herramienta bien Aptana o bien NetBeans. b) Obtener el fichero .war, que incluya el resultado de los 4 ejercicios anteriores.

Ejercicio 2. Formularios
Se pide: a) Resolver los ejercicios 2.1 y 2.2, utilizando como editor para los formularios HTML la herramienta Aptana o NetBeans. b) Obtener el fichero .war, que incluya el resultado de los 2 ejercicios.

Ejercicio 3. JavaScript
Se pide: a) Resolver los ejercicios 3.3 y 3.4, utilizando como editor para HTML y para JavaScript el mismo que se haya utilizado anteriormente. b) Obtener el fichero .war, que incluya el resultado integrado de todos estos ejercicios.

Dpto. LSI, Escuela Universitaria de Ingeniera de Vitoria-Gasteiz.

HTML, Formularios y JavaScript

Ejercicio 4. HTML y JavaScript

Crear la pgina Acceso.html y codificar la validacin de sus datos en JavaScript en un fichero denominado Validacion.js.

Se deben tener en cuenta los siguientes aspectos: El formulario, el campo de texto del DNI y el botn de seleccin de la letra se denominan frmAcceso, txtDNI y sLetra respectivamente. Los controles a validar del formulario son que el DNI es obligatorio y numrico y que la seleccin de la letra debe ser correcta. En caso de error, se deben visualizar segn sea el caso los mensajes Completar el campo txtDNI, Teclear un DNI (sin letras, slo nmeros) y La letra del NIF es incorrecta. Seleccionar la letra . En los puntos suspensivos tiene que aparecer la letra que el usuario debe elegir nuevamente. El algoritmo para calcular la letra del NIF es: Calcular el resto de dividir el nmero del DNI por 23. La letra del NIF corresponde al carcter obtenido de la cadena TRWAGMYFPDXBNJZSQVHLCKE en funcin del valor del resto (ver Tabla 1). Rest o 0 1 2 3 4 5 Se pide: a) Resolver este ejercicio, utilizando como editor para HTML y para JavaScript el NetBeans.
2 Gasteiz. Dpto. LSI, Escuela Universitaria de Ingeniera de Vitoria-

Letr a T R W A G M

Rest o 6 7 8 9 10 11

Letr a Y F P D X B

Rest o 12 13 14 15 16 17

Letr a N J Z S Q V

Rest o 18 19 20 21 22

Letra H L C K E

Tabla 1

HTML, Formularios y JavaScript

b) Obtener el fichero .war de esta simple aplicacin web. c) Validar la pgina Acceso.html empleando el validador que W3C tiene en Internet en la pgina http://validator.w3.org. No es necesario corregir los errores.

Ejercicio 5. Introduccin a XHTML

Se deben aadir nuevos aspectos al Ejercicio 4: El DNI no puede ser negativo. El e-mail es un nuevo campo de texto a incluir en el formulario denominado txtEmail. Se debe controlar que est relleno y que los datos introducidos se corresponden con una direccin de correo electrnico correcta. Para este ltimo control se aconseja visitar: http://www.aulambra.com/ver2.asp?id=87&tipo=Codigo El fichero Validacion.js debe incluir ventanas windows programadas con la instruccin confirm(texto) y no con alert(texto). Se pide: a) Convertir el fichero Acceso.html de HTML a XHTML manualmente, utilizando como editor el NetBeans. b) Implementar Validacion.js como un fichero externo a Acceso.xhtml, incluyendo los controles anteriores y el nuevo formato de ventanas de JavaScript. c) Validar de nuevo la pgina Acceso.xhtml empleando el validador del W3C.

Dpto. LSI, Escuela Universitaria de Ingeniera de Vitoria-Gasteiz.