Efectos con JavaScript y jQuery Validación de formulario

Descargar Fromulario
Índice

    Secretaría de salud.txt


    Efectos con JavaScript y jQuery

    Validación de formulario

    Los 5 campos del formulario son obligatorios y la validación consiste en

    exigir que ninguno de los 5 campos pueda estar en blanco. Para esto se

    recorre a los 5 campos (agrupados los 4 input más el textarea en el

    objeto jQuery $campo) con el bucle de la función each(), que en cada

    iteración averigua si el valor de cada campo es nulo o no. Mediante una

    condicional en cada iteración se decide lo siguiente: si el campo está vacío se

    le asigna mediante la función css() un borde rojo, mientras que si el campo

    no está vacío se suma 1 a un puntaje que se va acumulando a lo largo de las

    iteraciones de campos validados. Una vez terminado el bucle hay una

    condicional que evalúa el puntaje acumulado, de tal forma que si el

    puntaje no alcanza los 5 puntos (un punto por cada campo correcto), eso

    quiere decir que algún campo no fue validado y en ese caso se evita el envío

    del formulario y se genera un alert() que indica el error y, además, indica

    cuántos campos han sido efectivamente completados. Para que el alert

    indique para cada caso cuántos campos han sido completados, hay un arreglo

    texto[] que contiene un mensaje para cada caso en las casillas cuyo orden, a

    su vez, corresponden al número de puntaje alcanzado, de tal manera de

    elegir en la cadena del mensaje de alert() el mensaje exacto que corresponda,

    simplemente poniendo la variable del número de puntaje dentro de

    los corchetes del arreglo

     

    Subir
    Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
    Privacidad