提交表格后留在页面上

我正试图留在提交表单的当前页面。 但不知怎的,它不起作用。 我在互联网上找到了一些代码的和平,并把它放在一起。

这是process.php文件:

 

其余的代码,html和javascripts可以在jsfiddle上找到: jsfiddled代码

  $(function(){ $('#contact').validate({ submitHandler: function(form) { $(form).ajaxSubmit({ url: 'process.php', success: function() { $('#contact').hide(); $('#contact-form').append("

thanks test.

") } }); } }); });

忘记提及现在发生的事情。 我被重定向到process.php页面。

使用jQuery.ajax()函数提交表单而不刷新页面。 你需要做这样的事情:

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; }); }); 

您需要返回204 HTTP状态或使用JavaScript而不是通过提交表单来发出请求(这称为Ajax,并且有很多关于该主题的教程从jQuery教程页面链接)。