PHP 表单上的 jQuery 弹出对话框确认并刷新页面 - 不起作用

Question

我已经看到了似乎有一百种方法可以做我想做的事，但我似乎无法让任何一种方法发挥作用。我这里有一个测试页面： http://upcycledonline.com/test/Site/defaultUpCyc.php

我想要发生的是，当用户单击“提交”时，会出现一个弹出窗口，显示“谢谢！您的电子邮件已添加”。当他们单击“确定”时，弹出窗口将关闭并刷新页面。现在我有弹出窗口，但单击“确定”按钮后，它会转到我的 PHP 页面。

仅供参考：我是 PHP 和 Javascript 新手

，这是表单代码和 Javascript

<div id="signUp"> 


<script>
function confirmSubmit() {
if (confirm("Are you sure you want to submit the form?")) {
document.getElementById("FORM_ID").submit();
}
return false;
}

</script>


<?php 
//if the validation falls back to php, then print the validation error
if (isset($error_message)) echo $error_message;
?>
<form method="post" action="process-form.php" id="emailForm" name="emailForm" target="_self">
        
    <h4>Sign up to be notified when we go live!</h4>
    <!--value="<?php if (isset($_POST['email'])) echo $_POST['email'];?>"-->
    
<label for="email">E-mail</label>
    <input type="text" name="email" id="email" />
    <!-- onSubmit="alert('Thank you. Your email has been added.')"-->
<input type="submit" name="submit" id="submit" value="Submit"  onclick="return           confirm('Are you sure?');">

    <p>emails will not be shared with third parties</p>
</form>
<script>
<?php echo $validation_js_code;?>
</script>
</div> 

Answer 1

您可以做几件事：

1. 将表单处理逻辑移至defaultUpCyc.php，将表单提交到该URI，然后让defaultUpCyc.php 处理表单并重新加载页面。
2. 使用 AJAX，并将数据发布到 process-form.php，这根本不需要任何刷新。
3. 在 process-form.php 中重定向到 defaultUpCyc.php。