Permanezca en la página después de enviar el formulario

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 ).