JavaScript avanzado

José Iván Sandoval Castañeda

PROGRAMACIÓN HTML II

Instituto IACC

31 de Julio de 2020
 INSTRUCCIONES

Recuerde que usted pertenece al departamento de informática de una compañía de análisis de

mercado denominada Merana, y en las últimas semanas ha estado trabajando en el desarrollo de
un nuevo proyecto donde requerían realizar una encuesta online para indagar respecto de la
calidad del servicio recibido por los usuarios del Metro.
Ya se diseñó e implementó el formulario que será utilizado, y además se realizó el diseño
preliminar de las validaciones requeridas para los datos suministrados por el usuario. Esta
semana se deberá completar la implementación del código de validación, para lo cual se deberá
hacer uso de las estructuras de control y los bucles.
El documento resultante que deberá generar como entrega de la actividad de la semana 7
contendrá el código JavaScript, con las estructuras de validación de la información, además de
un documento con las consideraciones tomadas para el diseño.
 DESARROLLO

Un punto importante es poder guiar al usuario en completar e formulario, por lo que en esta
semana además de validar que los datos estén completos, no activaremos el botón de envió hasta
que esta condición se cumpla.
Tenemos 3 campos que no tienen ninguna información por defecto, por los que nos abocaremos
a estos para considerar que el formulario está completo. Estos campos son: rut, edad y
observaciones, el último podría ser obviado según los requisitos de la organización, pero para
efectos del trabajo, los incluiremos en la validación.

Código de validación (validaform.js), para la validación usaremos la función validaboton(), la

cual será llamada cuando intervenimos los campos ya mencionados. Si uno de los campos no
contiene información, el botón enviar, permanecerá deshabilitado. En cuanto la condición se
cumpla el botón se habilitará.

Disable Enable

Además, se incluye la validación del número verificador, la cual contiene estructuras de control,
If y else, más un bucle for para realizar el cálculo por cada digito, está se ejecuta cuando
mientras escribimos en el campo Rut y llama a la función checkRut(rut).

Por último, tenemos la validación de los checkbox, los cuales daban error en php cuando alguno
de ellos no estaba seleccionado, está se ejecuta cuando hacemos clic en el botón enviar.

Se incorpora a las funciones JavaScript, una class, para validar los checkbox, así con una única
class podemos enviar a validar con dos datos el checkbox. A partir del checkbox que selecciona
el cliente, se crear un nuevo checkbox el cual será utilizado en el código PHP, para incluir los
datos en la base de datos.

Archivos de la página web.

HTML-TrabajoS7.rar

Bibliografía

IACC, (2020). Contenido semana 7, consultado el 01 de agosto del 2020, En: campus.iacc.cl