Prctica 1

HTML, Formularios y JavaScript

Se pide:
a) Resolver los ejercicios 1.1 a 1.4, utilizando como editor de HTML la herramienta ien
!ptana o ien "et#eans.
) $tener el %ichero .&ar, 'ue inclu(a el resultado de los 4 ejercicios anteriores.
Se pide:
a) Resolver los ejercicios ).1 ( ).), utilizando como editor para los %ormularios HTML la
herramienta !ptana o "et#eans.
) $tener el %ichero .&ar, 'ue inclu(a el resultado de los ) ejercicios.
Se pide:
a) Resolver los ejercicios *.* ( *.4, utilizando como editor para HTML ( para +avaScript el
mismo 'ue se ha(a utilizado anteriormente.
) $tener el %ichero .&ar, 'ue inclu(a el resultado inte,rado de todos estos ejercicios.
-pto. LS., /scuela 0niversitaria de .n,enier1a de 2itoria34asteiz. 1
Ejercicio 2. Formularios
Ejercicio 1. HTML
Ejercicio 3. JavaScript
HTML, 5ormularios ( +avaScript
6rear la p7,ina !cceso.html ( codi%icar la validaci8n de sus datos en +avaScript en un %ichero
denominado 2alidacion.js.
Se deen tener en cuenta los si,uientes aspectos:
/l %ormulario, el campo de te9to del -". ( el ot8n de selecci8n de la letra se denominan
frmAcceso, txtDNI ( sLetra respectivamente.
Los controles a validar del %ormulario son 'ue el -". es oli,atorio ( num:rico ( 'ue la
selecci8n de la letra dee ser correcta. /n caso de error, se deen visualizar se,;n sea el
caso los mensajes <6ompletar el campo t9t-".=, <Teclear un -". >sin letras, s8lo
n;meros)= ( <La letra del ".5 es incorrecta. Seleccionar la letra ?=. /n los puntos
suspensivos tiene 'ue aparecer la letra 'ue el usuario dee ele,ir nuevamente.
/l al,oritmo para calcular la letra del ".5 es:
3 6alcular el resto de dividir el n;mero del -". por )*.
3 La letra del ".5 corresponde al car7cter otenido de la cadena <TR@!4MA5B3
-C#"+DSE2HL6F/= en %unci8n del valor del resto >ver Tala 1).
Rest
o
Letr
a
Rest
o
Letr
a
Rest
o
Letr
a
Rest
o
Letra
0 T 6 Y 12 N 18 H
1 R 7 F 13 J 19 L
2 W 8 P 14 Z 20 C
3 A 9 D 15 S 21 K
4 G 10 X 16 Q 22 E
5 M 11 17 !
Tala 1
Se pide:
) -pto. LS., /scuela 0niversitaria de .n,enier1a de 2itoria3
4asteiz.
Ejercicio 4. HTML y JavaScript
HTML, 5ormularios ( +avaScript
a) Resolver este ejercicio, utilizando como editor para HTML ( para +avaScript el "et#eans.
) $tener el %ichero .&ar de esta simple aplicaci8n &e.
c) 2alidar la p7,ina !cceso.html empleando el validador 'ue @*6 tiene en .nternet en la
p7,ina http:GGvalidator.&*.or,. "o es necesario corre,ir los errores.
Se deen aHadir nuevos aspectos al /jercicio 4:
/l -". no puede ser ne,ativo.
/l e3mail es un nuevo campo de te9to a incluir en el %ormulario denominado txtEmail. Se
dee controlar 'ue est7 relleno ( 'ue los datos introducidos se corresponden con una
direcci8n de correo electr8nico correcta. Bara este ;ltimo control se aconseja visitar:
http:GG&&&.aulamra.comGver).aspIidJKLMtipoJ6odi,o
/l %ichero 2alidacion.js dee incluir ventanas &indo&s pro,ramadas con la instrucci8n
confirm(texto) ( no con alert(texto).
Se pide:
a) 6onvertir el %ichero !cceso.html de HTML a CHTML manualmente, utilizando como
editor el "et#eans.
) .mplementar 2alidacion.js como un %ichero e9terno a !cceso.9html, inclu(endo los
controles anteriores ( el nuevo %ormato de ventanas de +avaScript.
c) 2alidar de nuevo la p7,ina !cceso.9html empleando el validador del @*6.
-pto. LS., /scuela 0niversitaria de .n,enier1a de 2itoria34asteiz. *
Ejercicio 5. Itro!ucci" a #HTML