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

这里有什么问题吗?

当前回答

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

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

它的工作原理。

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

2013-08-23 08:14:18

其他回答

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

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

2012-02-19 07:57:01

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

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

它的工作原理。

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

2013-08-23 08:14:18

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

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

2014-04-23 12:57:27

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

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

2017-11-18 13:20:40

当我使用<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
      });
 });

2017-07-12 09:57:36

使用JQuery阻止表单提交

推荐文章

最新文章

标签