una forma de presentación de la función de jQuery submitHandler Validar complemento

Question

estoy usando jQuery con el plugin de validación en http://docs.jquery.com/Plugins/Validation/validate

Quiero evitar que la forma de presentar después de que sus procesos de validación y Submission hecho a través de AJAX. Tengo el siguiente código:

$("#myform").validate({ 
    rules: {...}, 
    submitHandler: function(form) { 
     alert("Do some stuff..."); 
     //submit via ajax 
     return false; //This doesn't prevent the form from submitting. 
    } 
}); 

Sin embargo, el problema con esto es que el submitHandler envía el formulario a pesar de que tengo una declaración return false; en la última línea de la función de tratamiento. Quiero evitar el comportamiento predeterminado y detener el envío del formulario porque ya lo he enviado a través de ajax.

¿Cómo debo evitar que se envíe el código después de pasar por los códigos ajax en la función submitHandler?

Answer 1

lo hago así y funciona exactamente cómo se quieren que funcione:

$("#myform").submit(function(e) { 
    e.preventDefault(); 
}).validate({ 
    rules: {...}, 
    submitHandler: function(form) { 
     alert("Do some stuff..."); 
     //submit via ajax 
     return false; //This doesn't prevent the form from submitting. 
    } 
}); 

Answer 2

Puede llamar event.preventDefault() en submit evento:

$("#myform").on("submit", function(event) { 
    event.preventDefault(); 
}); 

Answer 3

Tal vez usted puede validar externamente sin usar un botón de envío:

if($("#myform").valid()){ 
    alert("Do some stuff..."); 
} 

Answer 4

Puede codificar esto de una manera muy sencilla a través de "jQuery Walidate ". http://jquery.dop-trois.org/walidate/

Allí puede codificar una función, que se ejecutará en el envío. Busque devolución de llamada en la documentación.

Answer 5

Por desgracia, parece que la llamada: submitHandler: function(form){ no toma un argumento de evento por lo que parece que la única solución es una declaración return false así:

... 
submitHandler: function(form) { 
    //your code 
    return false; 
}, 
... 

Answer 6

$("#myform").validate({ 
    rules: {...}, 
    submitHandler: function(form, event) { 
     event.preventDefault(); 
     alert("Do some stuff..."); 
     //submit via ajax 
    } 
}); 

esperanza esta ayuda.