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

这里有什么问题吗?

当前回答

有两点很突出:

有可能您的表单名称不是表单。而是指删除#。同样，e.r epreventdefault也是正确的JQuery语法。 / /选择一个 $(“形式”)。submit(函数(e) { e.preventDefault (); })；

选项C也应该有效。B选项我不熟悉

一个完整的例子:

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <script type='text/javascript'>
         $(document).ready(function() {
            //option A
            $("form").submit(function(e){
                alert('submit intercepted');
                e.preventDefault(e);
            });
        });
        </script>
    </head>

    <body>
        <form action="http://google.com" method="GET">
          Search <input type='text' name='q' />
          <input type='submit'/>
        </form>
    </body>
</html>

2012-02-19 06:36:20

其他回答

// Prevent form submission
$( "form" ).submit(function( event ) {
  event.preventDefault();
});

从这里开始:https://api.jquery.com/submit-selector/(关于提交类型的有趣页面)

2017-11-18 13:20:40

有两点很突出:

有可能您的表单名称不是表单。而是指删除#。同样，e.r epreventdefault也是正确的JQuery语法。 / /选择一个 $(“形式”)。submit(函数(e) { e.preventDefault (); })；

选项C也应该有效。B选项我不熟悉

一个完整的例子:

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <script type='text/javascript'>
         $(document).ready(function() {
            //option A
            $("form").submit(function(e){
                alert('submit intercepted');
                e.preventDefault(e);
            });
        });
        </script>
    </head>

    <body>
        <form action="http://google.com" method="GET">
          Search <input type='text' name='q' />
          <input type='submit'/>
        </form>
    </body>
</html>

2012-02-19 06:36:20

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

信息是缺失如何防止表单提交，然后恢复情况，即允许表单提交以后。

这里有一个例子:

var savebtn_clicked;

$('form#commentform').submit( function(e) {
    return savebtn_clicked;
});

$('#savebtn').click( function() {
    savebtn_clicked = true;
    $('#form#commentform').submit();
});

在我的例子中，每个按钮都会触发表单。通过上面的代码，我可以控制哪个按钮允许提交表单。

2021-02-04 15:26:53

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

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

2014-04-23 12:57:27

使用JQuery阻止表单提交

推荐文章

最新文章

标签