onsubmit返回false不起作用,表单仍然提交?

时间:2015-08-26 07:27:50

标签: javascript html

这是代码

<html>

    <head>
        <script>
        function test() {
            return false;
        }
        </script>
    </head>

    <body>
        <form method="post" action="../test.php">
            <input type="submit" onsubmit="return test()">
        </form>
    </body>

</html>

表格如何仍然提交,对我来说没有意义?

1 个答案:

答案 0 :(得分:6)

当用户通过点击按表单中的submit按钮提交表单时,您需要停止表单提交。

onsubmit按钮的submit更改为onclick

<input type = "submit" onsubmit= "return test()">

应该是

<input type="submit" onclick="return test()">
<!--                 ^^^^^^^^^^^^^^^^^^^^^^^ -->

如果您想使用onsubmit,可以在form元素上使用它。

<form method="post" action="../test.php" onsubmit="return test()">
<!--                                     ^^^^^^^^^^^^^^^^^^^^^^^^ -->
    <input type="submit" />
</form>