form.submit（）方法中的setTimeout不起作用

Question

我正在表單提交中嘗試setTimeout()函數。 但是，在執行該函數之前，將提交表單，並且不會執行超時函數中的任何內容。 下面是代碼片段。

$(window).load(function () {
     $("#myform").submit(function() {
          setTimeout(function(){
               alert("me after 1000 mili seconds");
               return false;              
          }, 1000);

    });
};

請幫助我解決此問題...

Answer 1

$(window).load(function () {
     var submit = false;
     $("#myform").submit(function(e) {
          setTimeout(function(){
              alert("me after 1000 mili seconds");
              submit = true;
              $("#myform").submit(); // if you want            
          }, 1000);
          if(!submit)
              e.preventDefault();
     });
};

Answer 2

表格馬上提交。 您需要委派默認操作。 這應該為您工作：

$(window).load(function () {
     $("#myform").submit(function(e) {
          e.preventDefault();

          setTimeout(function(){
              alert("me after 1000 mili seconds");
          }, 1000);
    });
});

請參閱此jsFiddle演示 。

Answer 3

如果要在表單上禁用提交操作，可以嘗試：

$(window).load(function () {
     $("#myform").submit(function(e) {
          e.preventDefault();
          setTimeout(function(){
          alert("me after 1000 mili seconds");
          return false;

        }, 1000);

    });
});

Answer 4

首先，您忘了最后一行的右括號（ )

$(window).load(function () {
     $("#myform").submit(function(e) {
          e.preventDefault();
          setTimeout(function(){
          alert("me after 1000 mili seconds");
          return false;

        }, 1000);

    });
});
 ^---- here you forgotten to put brace.