我如何阻止一个表单提交使用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>

这里有什么问题吗?


当前回答

将事件附加到submit元素,而不是form元素。 例如,在你的html中这样做

$('input[type=submit]').on('click', function(e) {
    e.preventDefault();
});

其他回答

使用jQuery,你可以做以下事情:

然后,使用带有submit按钮的本机表单提交事件,同时防止事件触发 检查表单Valid属性。

这可以实现如下:

HTML: <形式id = " yourForm " > <input id="submit" type="submit" value="Save"/> > < /形式 JavaScript: $(“形式”)。On ("submit",函数(e) { e.preventDefault (); If ($(this).valid()) { alert('成功! '); } });

$('#form')查找id="form"的元素。

$('form')查找表单元素

您忘记了表单id,它就工作了

$('form#form').submit(function(e){
   e.preventDefault();
   alert('prevent submit');             
});

当我使用<form>标签没有属性id="form",并直接在jquery中调用它的标签名称时,它与我一起工作。 你的代码在HTML文件:

<form action="page2.php" method="post">

Jquery脚本:

$(document).ready(function() {
      $('form').submit(function(evt){
          evt.preventDefault();// to stop form submitting
      });
 });

这似乎也有效,而且可能更简单:

$('#Form').on('submit',function(){
    return false;
})