Intento permanecer en la página actual desde donde se envía un formulario. Pero de alguna manera no está funcionando. Encontré algunas paces de código en internet y lo armé.
Este es el archivo process.php:
Y el rest del código, los html y los javascripts se pueden encontrar en jsfiddle: jsfiddled code
$(function(){ $('#contact').validate({ submitHandler: function(form) { $(form).ajaxSubmit({ url: 'process.php', success: function() { $('#contact').hide(); $('#contact-form').append("thanks test.
") } }); } }); });
Olvidé mencionar lo que sucede ahora. Me redirigen a la página process.php.
Use la función jQuery.ajax () para enviar un formulario sin actualizar una página. Debes hacer algo como esto:
test.php:
process.php:
ajaxform.js
jQuery(document).ready(function(){ jQuery('.ajaxform').submit( function() { $.ajax({ url : $(this).attr('action'), type : $(this).attr('method'), data : $(this).serialize(), success : function( data ) { alert('Form is successfully submitted'); }, error : function(){ alert('Something wrong'); } }); return false; }); });
Debe devolver un estado de 204 HTTP o realizar la solicitud utilizando JavaScript en lugar de enviar el formulario (esto se conoce como Ajax y hay numerosos tutoriales sobre el tema vinculados desde la página de tutoriales de jQuery ).
Este es un enlace para que comiences:
http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/