Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

No realiza La Validacion

Referente al curso JS en la Web: Validación de Formularios y HTML5, en el capítulo Validación de fechas y actividad Haga lo que hicimos en aula

por Andres Mauricio Gutierrez Castañeda
| 40.6k xp | 4 posts

Hola buen dia. un saludo.

realice los pasos igual que el video, descargue el codigo de Alura. La validación no me la genera en el input Date ella pasa como si no estuviera validando.

aca esta el codigo : export function valida(input) { const tipoDeInput = input.dataset.tipo; if (validadores[tipoDeInput]) { validadorestipoDeInput; } }

const validadores = { nacimiento: (input) => validarNacimiento(input), };

function validarNacimiento(input) { const fechaCliente = new Date(input.value); let mensaje = ""; if (!mayorDeEdad(fechaCliente)) { mensaje = "Debes tener al menos 18 años de edad"; }

input.setCustomValidity(mensaje);

}

function mayorDeEdad(fecha) { const fechaActual = new Date(); const diferenciaFechas = new Date( fecha.getUTCFullYear() + 18, fecha.getUTCMonth(), fecha.getUTCDate() ); return diferenciaFechas <= fechaActual; }

3 respuestas
por Alan Gabriel Zelarayan Caceres
| 63.6k xp | 54 posts
Desarrolador JAva

. . .

por Alan Gabriel Zelarayan Caceres
| 63.6k xp | 54 posts
Desarrolador JAva

Estaba mal lo escrito, no ví que me faltaba un video de la clase donde aplicaba lo que propusiste. Disculpas!

solución!
por Alan Gabriel Zelarayan Caceres
| 63.6k xp | 54 posts
Desarrolador JAva

Andrés! Ya logré realizar la parte donde te surgió el problema. Primero hay que ver si es un problema de conexión de archivos.

1ro. Hay que ver que tengas configurado la etiqueta SCRIPT aclarando que es tipo módulo: 

<script type="module" src="js/validaciones.js"></script>

2do. Ver la importación, porque hay direntes configuraciones: 

import {valida} from "./validaciones.js";
const inputs = document.querySelector("input");

inputs.forEach((input)=>{
    input.addEventListener("blur",(input) =>{
        valida(input.target);
    })
})

3ro. Estoy viendo que a tú función valida le estaría faltando el parámetro input al final, quedaría así:

function valida(input){
    const tipoDeInput= input.dataSet.tipo;
    if(validadores[tipoDeInput]){
        validadores[tipoDeInput](input)
    }