PHP表单上的jQuery弹出对话框,用于确认和刷新页面-不工作

PHP表单上的jQuery弹出对话框,用于确认和刷新页面-不工作,php,jquery,modal-dialog,jquery-events,popupwindow,Php,Jquery,Modal Dialog,Jquery Events,Popupwindow,我已经看到了似乎有上百种方法可以做我想做的事情,但我似乎一种都没用。我在这里有一个测试页面: 我想发生的是,当用户单击提交时,弹出窗口显示“谢谢!您的电子邮件已添加”。当他们单击“确定”时,弹出窗口将关闭,页面将刷新。现在我有弹出窗口,但点击ok按钮后,它进入我的PHP页面 仅供参考:我不熟悉PHP和Javascript <div id="signUp"> <script> function confirmSubmit() { if (confi

我已经看到了似乎有上百种方法可以做我想做的事情,但我似乎一种都没用。我在这里有一个测试页面:

我想发生的是,当用户单击提交时,弹出窗口显示“谢谢!您的电子邮件已添加”。当他们单击“确定”时,弹出窗口将关闭,页面将刷新。现在我有弹出窗口,但点击ok按钮后,它进入我的PHP页面

仅供参考:我不熟悉PHP和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> 
下面是表单代码和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> 

函数confirmSubmit(){
如果(确认(“您确定要提交表格吗?”)){
document.getElementById(“FORM_ID”).submit();
}
返回false;
}
注册以便在我们上线时收到通知!
电子邮件
电子邮件不会与第三方共享


您可以做几件事:

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

  • 哼!第三点正是我想要做的。你会不会碰巧知道如何在弹出对话框中只有OK按钮?