Javascript 如何防止表单提交将我带到其他页面
我已经编写了一个联系人表单,它会发送一封包含输入详细信息的电子邮件 在提交时,(action=“send\u form\u email.php”)它会将我带到实际的php文件页面。有没有办法防止这种情况?我目前使用下面的代码返回表单所在的页面,但这会阻止运行另一个脚本,让用户知道表单已成功提交Javascript 如何防止表单提交将我带到其他页面,javascript,php,html,forms,Javascript,Php,Html,Forms,我已经编写了一个联系人表单,它会发送一封包含输入详细信息的电子邮件 在提交时,(action=“send\u form\u email.php”)它会将我带到实际的php文件页面。有没有办法防止这种情况?我目前使用下面的代码返回表单所在的页面,但这会阻止运行另一个脚本,让用户知道表单已成功提交 header("Location: http://cvolden.net/"); 以下是将不回显的代码: echo "<script type='text/javascript'>alert
header("Location: http://cvolden.net/");
以下是将不回显的代码:
echo "<script type='text/javascript'>alert('thanks');</script>";
echo“提醒(‘谢谢’);”;
此表单在网站的多个页面上重复。最后,我希望客户保持在当前页面上,并通知他们所有内容都已正确发送
谢谢你的帮助 你不能。表单的默认功能将重定向到
操作
属性所包含的任何内容。为了做您需要的事情,您需要使用AJAX
Jquery的简单示例:
$("form").submit(function(){
var postdata = $(this).serialize();
var url = $(this).attr("action"); //something.php;
$.post(url, postdata, function(res){
console.log(res); //your PHP results
alert('thanks');
});
});
将目标设置为它将在同一页面上加载的iframe
<form action="send_form_email.php" method="post" target="my_iframe">
.........................
</form>
<iframe name="my_iframe" style="display:none"></iframe>
.........................
使用AJAX在不加载页面的情况下提交表单。另一种不依赖客户端编码的方法是将表单发布到表单本身,并且只有当$\u post
不为空时才执行一些代码。。。在那里运行您的表单邮件程序。缺点是如果有人点击刷新按钮;POST数据仍然存在,整个表单将再次处理。