PROGRAMACION HTML II
Enviado por cayomicho • 16 de Octubre de 2018 • Tareas • 824 Palabras (4 Páginas) • 431 Visitas
Control 7
PROGRAMACION HTML II
JavaScript Avanzado
Ricardo Sánchez Córdova
29/07/2018
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:
1. Explicación de la implementación de Javascript y bucles:
Para realizar una validación del formulario más efectiva, hemos aplicado estructuras de control y bucles en JavaScript.
Por ejemplo:
La validación del RUT, la edad y si están o no seleccionado los radio buttons, son llevadas a cabo por medio de bucles.
La función que valida el formulario es la siguiente:
function validacion() {
if ($('#txt_rut').val().length == 0) {
alert('Debe escribir su RUT');
return false;
}
if(!Rut($('#txt_rut').val())){
alert('Debe ingresar un rut correcto');
return false;
}
if ($('#txt_edad').val().length == 0) {
do {
edad = prompt('Registre una edad entre los 20 y 120 años');
$('#txt_edad').val(edad);
if (parseInt(edad) < 20 || parseInt(edad) > 120) {
alert("La edad debe estar entre los 20 y 120 años!");
}
} while (parseInt(edad) < 20 || parseInt(edad) > 120);
return false;
}
opciones = document.getElementsByName("genero");
var seleccionado = false;
for(var i=0; i<opciones.length; i++) {
if(opciones[i].checked) {
seleccionado = true;
break;
}
}
if(!seleccionado) {
alert('Debe seleccionar algún género');
return false;
}
if($('#txt_obs').val().length == 0){
alert('Debe escribir una observación');
return false;
}
return true;
}
Esta función hace uso de bucles como los do-while y los ciclos for, sin embargo, en la validación del rut, llama a una función que también cuenta con varios bucles para las validaciones:
function revisarDigito( dvr )
{
dv = dvr + ""
if ( dv != '0' && dv != '1' && dv != '2' && dv != '3' && dv != '4' && dv != '5' && dv != '6' && dv != '7' && dv != '8' && dv != '9' && dv != 'k' && dv != 'K')
{
alert("Debe ingresar un digito verificador valido");
window.document.form1.txt_rut.focus();
window.document.form1.txt_rut.select();
return false;
}
return true;
}
function revisarDigito2( crut )
{
largo = crut.length;
if ( largo < 2 )
{
alert("Debe ingresar el rut completo")
window.document.form1.txt_rut.focus();
window.document.form1.txt_rut.select();
return false;
}
if ( largo > 2 )
rut = crut.substring(0, largo - 1);
else
...