使用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').attr('onsubmit','return false;');

在我看来，它的优势在于，你可以在任何你想要的时候还原这种情况:

$('#form').attr('onsubmit','return true;');

2016-08-31 15:33:13

其他回答

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

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

2019-12-16 15:10:54

我也有同样的问题。你试过的我也试过。然后我改变我的方法不使用jquery，而是使用“onsubmit”属性在表单标签。

<form onsubmit="thefunction(); return false;">

它的工作原理。

但是，当我试图只在function()中放置假返回值时，它不会阻止提交过程，所以我必须放置return false;onsubmit属性。

2013-08-23 08:14:18

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

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

这可以实现如下:

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

2020-02-04 10:24:38

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

e.preventDefault();

停止事件冒泡使用

e.stopPropagation();

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

2012-02-19 06:39:25

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

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

2018-09-04 17:15:53

使用JQuery阻止表单提交

推荐文章

最新文章

标签