使用JQuery-防止表单提交

Question

使用JQuery-防止表单提交

如何防止表单使用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>

这里有什么问题吗？

Answer 1

您可能在页面上没有几个表单，并且使用$(‘form’).mit()将此事件添加到页面上表单的第一次出现。使用类选择器，或者尝试如下：$('form').each(function(){     $(this).submit(function(e){         e.preventDefault();         alert('it is working!');         return  false;     })})或者更好的版本：$(document).on("submit", "form", function(e){     e.preventDefault();     alert('it works!');     return  false;});

Answer 2

若要防止默认/阻止表单提交使用，请使用e.preventDefault();若要停止事件冒泡使用e.stopPropagation();为了防止表单提交，“返回错误”也应该有效。