2
respuestas

[Sugerencia] Solución al Mensaje de Error del Input Fecha de Nacimiento

Con esta solución, ya no les saldrá el error 'Debes tener al menos 18 años de edad', aunque no hayan ingresado ninguna Fecha.

function mostrarMensajeDeError(tipoDeInput , input){
    let mensaje = '';
    let encontrado = false; //Bandera

    tipoDeErrores.forEach( (error) => {
        if(input.validity[error] && !encontrado){ //Verificar si ya se ha encontrado un mensaje de error. Si es así, puedes omitir la asignación del nuevo mensaje de error.
            /*console.log(tipoDeInput, error);
            console.log(input.validity[error]);
            console.log(mensajeDeError[tipoDeInput][error]);*/
            mensaje = mensajeDeError[tipoDeInput][error];
            encontrado = true;
        }
    })

    return mensaje;
}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

2 respuestas

¡Hola Estudante!

Gracias por compartir esta solución con la comunidad. Parece que esta función es parte de un código más grande que se encarga de validar formularios en HTML5.

Si entendí correctamente, la solución que compartiste se encarga de mostrar el mensaje de error correspondiente a un input específico en caso de que haya algún problema de validación.

Sin embargo, no estoy seguro de cómo esta solución resolvería el problema del mensaje de error "Debes tener al menos 18 años de edad" en el input de fecha de nacimiento.

¿Podrías proporcionar más contexto o detalles sobre cómo esta función aborda ese problema específico?

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Hola Rafaela,

En la función mostrarMensajeDeError, lo que estamos haciendo es recorrer una lista de posibles errores que podrían ocurrir en un formulario. Para cada error, verificamos si está presente en el campo de entrada del formulario.

Si encontramos un error válido y no hemos encontrado ningún otro error válido antes, asignamos el mensaje de error correspondiente a una variable. Luego, marcamos que hemos encontrado un error válido.

De esta manera, si hay múltiples errores, solo mostraremos el primer mensaje de error válido encontrado e ignoraremos los demás.

Finalmente, devolvemos el mensaje de error encontrado.

Espero que esto sea más claro y comprensible. Si tienes alguna otra pregunta, no dudes en hacerla.