0

Bueno a todos los input del formulario les pongo "required" y funcionan perfecto. Ahora pongo el sweet alert de confirmación de envío del formulario y no me chequea que estén completados.. Los envía vacíos por más que digan "required"..

jQuery('#btn-submit').click(function(event){

 // Wait for the DOM to be ready
$(function() {
  // Initialize form validation on the registration form.
  // It has the name attribute "registration"
  $("form[name='uploadForm']").validate({
    // Specify validation rules
    rules: {
      // The key name on the left side is the name attribute
      // of an input field. Validation rules are defined
      // on the right side
      name: "required",     
    },
    // Specify validation error messages
    messages: {
     name: "Please enter your firstname",     
    },
    // Make sure the form is submitted to the destination defined
    // in the "action" attribute of the form when valid
    submitHandler: function(form) {
      form.submit();
    }
  });


    event.preventDefault();
    swal({
        title: "Desea registrarse en Wouu como usuario?",
        text: "Para un mejor funcionamiento del sitio y un mejor trabajo debe completar todos los datos del formulario.",
        icon: "warning",
        buttons: {
            cancel: "Olvidé algo!",
            confirm: "Estoy seguro!",
        },
        dangerMode: true,
    })
    .then((willDelete) => {
        if (willDelete) {
            $('#uploadForm').submit();
            swal("Bienvenido a wouu", "Con tu nombre de usuario puedes ingresar!", "success");
        } else {
            return false;
        }
    });
});


   
});
<html>
<head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script  src="https://code.jquery.com/jquery-3.3.1.js"  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script>

</head>
<form id="uploadForm" name="uploadForm"  method="...">
<input type="text" name="name" id="name">
<button type="submit" id="btn-submit">Enviar</button>
</form>

</html>

7
  • intenta agregar una funcion desde js que te valide eso. o agregando jquery validate.
    – Leonel
    Commented el 25 oct. 2018 a las 14:50
  • Ya probé pero mucho de jquery no entiendo.. Te agradecería algún link o algo que puedas pasarme para que investigue.
    – Juampi
    Commented el 25 oct. 2018 a las 14:54
  • 1
    sitepoint.com/basic-jquery-form-validation-tutorial aqui hay un ejemplo de como incorporarlo, y la documentacion de jquery validate jqueryvalidation.org/documentation
    – Leonel
    Commented el 25 oct. 2018 a las 14:58
  • Ya agregué el jquery validation funciona bien, pero después de la alerta de sweet alert.. Ideal sería antes.
    – Juampi
    Commented el 25 oct. 2018 a las 15:12
  • Edita la pregunta actualizando tu codigo.
    – Leonel
    Commented el 25 oct. 2018 a las 15:19

1 respuesta 1

0

Puedes detener el evento submit de tu formulario de la siguiente manera y ejecutar el alert

$('#uploadForm').on('submit', function(e){
  e.preventDefault()
  if($(this).find('#name').val() === '')
    ejecutas un alert de sweetAlert

})

1
  • No es lo que busco precisamente muchas gracias igual
    – Juampi
    Commented el 25 oct. 2018 a las 16:16

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.