0

Estoy queriendo agregar un efecto al formulario para mostrar un mensaje, pero no me lo toma ya que me salta que el efecto de jq no es una función.

Acá es donde lo estoy queriendo agregar:

$('#form').on('submit', function(e) {
e.preventDefault();

console.log(e);

console.log(datos);

// Validar el Formulario...

const { nombre, email, mensaje } = datos;

if(nombre === '' || email === '' || mensaje === '' ) {
    console.log('Al menos un campo esta vacio');
    $('#form').append('<p class="form__error">Todos los campos son obligatorios</p>');
    $('.form__error').fadeIn();
    return; // Detiene la ejecución de esta función
}

console.log('Todo bien...')

$('#form').append('<p class="form__correcto">Mensaje enviado correctamente</p>');
    $('.form__correcto').fadeIn();
});

Así tengo linkeados los archivos JS y JQ:

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<script src="js/data.js"></script>
<script src="js/main.js"></script>
6
  • ¿Dónde tienes los scripts? Commented el 8 jun. 2021 a las 15:30
  • Justo antes de que cierre la etiqueta </body> Commented el 8 jun. 2021 a las 15:32
  • 2
    Ese error la respondí aquí. ;)
    – Israel-ICM
    Commented el 8 jun. 2021 a las 15:32
  • Genial, muchas gracias :D Commented el 8 jun. 2021 a las 15:38
  • Cuando cambié #form a $("body").append(...) , funcionó bastante bien para mi.
    – Duston
    Commented el 8 jun. 2021 a las 15:44

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.