javascript - 尝试将 javascript 确认框与 php post 方法结合起来？

Question

这是Javascript代码，仅供测试:

<script type="text/javascript">
    function show_confirm()
        {
            var r=confirm("Are you sure?");
            if (r==true)
            {                   
            }
            else
            {                    
            }
        } 
</script>

这是 php 代码:

<form action="Test.php" method="post">
    <input type="text" name="test"/>
    <input type="submit" value="submit" onclick="show_confirm()"/>
</form>

所以如果点击提交按钮，会弹出一个确认框。如果单击“确定”按钮，页面将被重定向到 Test.php 并执行 post 方法，就像正常的 php 页面提交操作一样。否则，如果单击“取消”按钮，我希望它保持在同一页面并且不会执行发布方法。这个功能是否可以实现，如何修改代码？我知道 PHP 用于服务器，而 JS 用于客户端。我不确定我是否可以像这样混合它们。或者我应该使用 Ajax？感谢您的帮助!

Answer 1

最好的方法如下:

<script>
    function show_confirm(){
        return confirm("Are you sure?");
    }
</script>
<input type="submit" onclick="return show_confirm();">

我直接使用 show_confirm 而不是内置函数的原因是，如果你想更改确认弹出窗口的功能，如果你在代码中的任何地方都使用内置函数，那就更难了。

像这样抽象出这种功能并编写清晰、简单的代码将使您成为更好的程序员:)

---

警告:正如我在下面的评论中所指出的，这只有在用户明确点击提交按钮时才会起作用。如果用户通过其他方式提交表单，则不会显示确认框。参见 http://www.w3schools.com/jsref/event_form_onsubmit.asp如果您想显示确认，而不管表单是如何提交的。