Soy nuevo en javascript y jquery. Estoy usando dos complementos de jquery en este código. Uno es el validador de formularios Jquery y el otro es el formulario Jquery ajaxSubmit. Con el envío normal de ajax, el código funciona bien, pero ahora también tuve que publicar un archivo. Así que estoy usando ajaxSubmit. Cuando ejecuto esto, aparece el error "Error de tipo: e.preventDefault no es una función" en la consola del navegador.
No marque esto como una pregunta duplicada porque las respuestas a otras preguntas sobre el mismo tema no me funcionan.
<script type="text/javascript"> $(document).ready(function() { $("#addpost").validate({ rules: { subject: "required", comment: "required" }, messages: { subject: "Please enter a subject", comment: "Please enter some details", }, submitHandler: function(e){ e.preventDefault(); $.ajaxSubmit({ url: '/addpost', type: 'post', dataType: 'html', data : $( "#addpost" ).serialize(), success : function(data) { location.reload(); } }); } }); }); </script>La solución para mi problema fue cambiar el controlador de envío de la siguiente manera: -
submitHandler: function(form){ $(form).ajaxSubmit({ url: '/addpost', type: 'post', dataType: 'html', data : $( "#addpost" ).serialize(), success : function(data) { location.reload(); } }); return false }Esperando que esto ayude a alguien.
No estoy seguro de que usaría e.preventDefault() en un controlador de envío.
Elimine esa línea y agregue return false; después de su envío ajax en su lugar. Eso evitaría que se envíe el formulario.
su e no es un evento, sino el elemento de forma. cambia tu código así:
submitHandler: function(form,e){ // place your element on second parameter e.preventDefault(); $.ajaxSubmit({ url: '/addpost', type: 'post', dataType: 'html', data : $( "#addpost" ).serialize(), success : function(data) { location.reload(); } }); }El e que está utilizando dentro de submitHandler no proporciona un objeto de evento. ¡Proporciona el objeto de formulario que está validando! Por lo tanto, el error que está recibiendo. Lea la documentación 1 para que tenga una idea de los objetos y la devolución de llamada con los que está tratando.