使用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();

为了防止表单提交，“返回错误”也应该有效。