使用 JQuery - 防止表单提交

小编典典

使用 JQuery - 防止表单提交

all

如何防止表单使用 jquery 提交？

我尝试了所有方法 - 请参阅下面我尝试的 3 个不同选项，但这一切都行不通：

    $(document).ready(function() {

            //option A
            $("#form").submit(function(e){
                e.preventDefault();
            });

            //option B
            $("#form").submit(function(e){
                stopEvent(e);
            });

            //option C
            $("#form").submit(function(){
                return false;
            });
    });

有什么问题？

更新 - 这是我的 html：

    <form id="form" class="form" action="page2.php" method="post"> 
       <!-- tags in the form -->
       <p class="class2">
           <input type="submit" value="Okay!" /> 
       </p>
    </form>

这里有什么问题吗？

阅读 60

2022-06-23

共1个答案

小编典典

有两点很突出：

您的表单名称可能不是form. 而是通过删除 # 来引用标签。

这e.preventDefault也是正确的 JQuery 语法，例如

    //option A
$("form").submit(function(e){
    e.preventDefault();
});

选项 C 也应该有效。我不熟悉选项 B

一个完整的例子：

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <script type='text/javascript'>
         $(document).ready(function() {
            //option A
            $("form").submit(function(e){
                alert('submit intercepted');
                e.preventDefault(e);
            });
        });
        </script>
    </head>

    <body>
        <form action="http://google.com" method="GET">
          Search <input type='text' name='q' />
          <input type='submit'/>
        </form>
    </body>
</html>

2022-06-23