使用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>

这里有什么问题吗?

当前回答

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

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

2012-02-19 07:57:01

其他回答

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

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

2018-09-04 17:15:53

防止提交表单数据后再发布。

  $("form").on("submit", function (e) {
   e.preventDefault();
   alert('Ok');
   $( this ).unbind( 'submit' ).submit(); // Release 
  });

它的工作

2022-09-13 18:08:20

您的页面上可能只有很少的表单，使用$('form').submit()将此事件添加到页面上表单的第一次出现处。使用类选择器代替，或者试试这个:

$('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;
});

2014-02-15 11:24:10

防止默认/防止表单提交使用

e.preventDefault();

停止事件冒泡使用

e.stopPropagation();

为了防止表单提交“返回错误”也应该工作。

2012-02-19 06:39:25

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

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

2014-04-23 12:57:27

使用JQuery阻止表单提交

推荐文章

最新文章

标签