IFCD0110

Confección y Publicación de Páginas Web

Familia profesional: Informática y Comunicaciones

Área profesional: Desarrollo
Nivel de cualificación profesional: 2
IFCD0110
MF0951 Integración de componentes software
en páginas web.

MF0951 Integración de componentes software en páginas web. (180 horas).

● UF1305: Programación de lenguajes de guión en páginas web. (90 horas).
● UF1306: Pruebas de funcionalidades y optimización de páginas web. (90 horas).
IFCD0110
MF0950 Construcción de páginas web.
UF1306: Pruebas de funcionalidades y optimización de páginas web. (90 horas).

1. Validaciones de datos en páginas web

UF1305: Programación de lenguajes de guión en páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

UNIDAD FORMATIVA 2
PRUEBAS DE FUNCIONALIDADES Y OPTIMIZACIÓN DE PÁGINAS WEB.
Código: UF1306
Duración: 90 horas

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

• 1. Validaciones de datos en páginas web

• – Funciones de validación.
• – Descripción de las funciones.
• – Utilidad de las funciones.
• – Implementación de las funciones.
• – Validaciones alfabéticas, numéricas y de fecha.
• – Definición de validaciones.
• – Código de validación.
• – Ejecución del código de validación.
• – Verificar formularios.
• – Identificación de datos.
• – Implementación del código de verificación.
• – Comprobación de los datos introducidos por el usuario.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

• 1. Validaciones de datos en páginas web

• – Funciones de validación.
• – Descripción de las funciones.
• – Utilidad de las funciones.
• – Implementación de las funciones.
• – Validaciones alfabéticas, numéricas y de fecha.
• – Definición de validaciones.
• – Código de validación.
• – Ejecución del código de validación

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Descripción de las funciones

La validación de un formulario consiste en la invocación de
una función cuando el usuario pulsa sobre el botón de envío o cuando sale de
un campo y pasa a otro. Dicha función comprueba si los valores introducidos
cumplen las reglas impuestas por el programador.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Descripción de las funciones

Las funciones son bloques de código identificados mediante un nombre.
Una vez definida, una función puede ser invocada. Cuando el intérprete de
JavaScript llega a una línea de código donde se ha llamado a una función, ejecuta el
bloque de instrucciones contenido en la misma.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

UTILIDAD DE LAS FUNCIONES DE VALIDACIÓN

Desde el lado del cliente:

La respuesta es inmediata

Se realiza en el navegador
Se utiliza Javascript por ser ligero y rápido

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Utilidad de las funciones de validación

Del lado del servidor

Se realizan validaciones complejas

Se puede repetir la validación realizada en el cliente
La página debe enviarse al servidor

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Utilidad de las funciones

Por ejemplo, podemos comprobar si un campo ha sido cubierto o está en blanco, o

si una dirección de correo tiene la forma adecuada (es decir, no debe contener
espacios en blanco y ha de incluir el carácter @ en medio de dos cadenas de texto y
terminar con un punto y otra cadena).

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Descripción de las funciones:

¿Qué comprobar?

Números
Cadenas de texto o caracteres
Fechas

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Implementación de las funciones.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Las funciones de validación contrastan la información en los campos de un

formulario.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

La función nativa isNAN (is not a Number), que devuelve true si su argumento no es

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Las fechas suelen ser los campos de formulario más complicados de validar por la
gran variedad de formatos. Recogemos el año, mes y día insertados por el usuario y
contrastamos con el objeto Date. Las fechas tendrán un trato especial más
adelante.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

¿Cómo validar los campos de un formulario?

Suponemos que tenemos un formulario en el que tenemos que introducir la edad,
y debe ser mayor de 18 para que sea válido.

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Cuando se carga una página web, el navegador crea un array llamado forms y que contiene la
referencia a todos los formularios de la página.
Para acceder al array forms, se utiliza el objeto document, por lo que document.forms:
document.forms[0];
También podemos acceder al formulario por su nombre:

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

Cómo manejar eventos con Addlistener en formularios

El objeto de event, event.preventDefault(); Evita el envío del formulario hasta

comprobar las opciones de validación.

Si todo está correcto, podemos llamar al método formulario.submit();

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)

UF1306: Pruebas de funcionalidades y optimización de páginas web.
1. Validaciones de datos en páginas web

UF1306: Pruebas de funcionalidades y optimización de páginas web (90 horas)