如何防止表单提交将我带到其他页面

How can I prevent a form submission from taking me to a different page

本文关键字：其他 何防止 表单提交      更新时间：2023-09-26

我已经编写了一个联系表单，该表单会发送一封包含输入详细信息的电子邮件。

提交时，（action="send_form_email.php"）它将我带到实际的PHP文件页面。有什么办法可以防止这种情况吗？我目前使用下面的代码将我带回表单所在的页面，但这会阻止其他脚本运行，让该人知道表单已成功提交。

header("Location: http://cvolden.net/");

下面是不会回显的代码：

echo "<script type='text/javascript'>alert('thanks');</script>";

此表格在网站上的多个页面上重复。最后，我希望客户留在当前页面上，并通知他们所有内容都已正确发送。

谢谢你的帮助！

你不能。表单的默认功能将重定向到 action 属性包含的任何内容。为了做你需要做的事情，你需要使用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>
相关文章：