javascript - 当表单位于弹出窗口中时，如何将表单的操作属性定向到自身？

Question

我正在尝试创建一个注册弹出窗口。注册功能是通过表单完成的。如果表单有自己的页面，那么它就可以正常工作。

现在我尝试将其嵌入到弹出窗口中。这基本上是一个隐藏的 div，里面有表单，如果需要的话会淡入(jQuery)。所以我们正在讨论一个单一的页面，比如说，index.php 页面。

如果注册成功，那就没问题了。但是如果用户的输入 Not Acceptable (例如密码太短)，那么我需要通知用户。

问题是，表单的action属性导致自身，页面会再次加载，弹出窗口会再次隐藏。我怎样才能防止这种情况发生？

我尝试过这个:

<?php
    if(isset($_POST['submit'])){
        echo "<script>$('.popupInfo').show(200);</script>";
    }
?>

但是没用... 谢谢!

Answer 1

使用类似的方法，您可以创建一个变量来确定是否显示弹出窗口。

<?php
if(isset($_POST['button'])){    //check if form submitted via submit button
  //form submitted, show popup
  $showPopup = 'style="display: block;"';
  echo "Form Submitted";
}else{
  //form hasn't been submitted, dont show popup
  $showPopup = 'style="display: none;"';
  echo "Form NOT Submitted";
}

?>

<div id="popup" <?php echo $showPopup; ?> >

</div>

我还在 if else 中添加了 echo 语句，以便您可以查看 php 代码是否按预期运行