JS / JQuery表單提交延遲？

Question

我已經實現了這個'locksubmit'插件http://blog.leenix.co.uk/2009/09/jquery-plugin-locksubmit-stop-submit.html ，它將按鈕的顯示狀態更改為禁用。 然后，我希望在發布到表單URL之前將表單延遲幾秒鍾。

一旦用戶點擊提交按鈕，我必須添加或修改以延遲表單“post”？

謝謝！

Answer 1

取消默認表單提交行為，並同時啟動超時：

$('form').submit(function (e) {
    var form = this;
    e.preventDefault();
    setTimeout(function () {
        form.submit();
    }, 1000); // in milliseconds
});

這應該與locksubmit插件兼容。

在這里查看演示： http ： //jsfiddle.net/7GJX6/

Answer 2

我認為這就是你要找的東西 - 修改lockSubmit() ：

jQuery(':submit').lockSubmit(function(){
  setTimeout(5e3); // fancy 5 seconds
});

並使用選項對象：

 jQuery(':submit').lockSubmit({
   submitText: "Please wait",
   onAddCSS: "submitButtons",
   onClickCSS: "submitButtonsClicked"
},function(){
  setTimeout(5e3);
}));

基本上javascript必須等待所有參數在執行主體之前得到解決。 通過在參數期間設置超時，我們延遲返回。