聯繫表單，點擊後禁用提交按鈕

我下載了工作聯繫表並添加了我需要的一些東西，但是現在我有另一個問題，我不知道如何解決。聯繫表單，點擊後禁用提交按鈕

表單提交後，該按鈕仍然可以點擊幾次，並將發送多個郵件給我。表單提交後，應該禁用該按鈕。

HTML：

<button type="submit" id="form-submit" class="btn btn-success btn-lg pull-right ">Submit</button> 
<div id="msgSubmit" class="h3 text-center hidden"></div> 
<div class="clearfix"></div>

這裏是JavaScript的：

$("#contactForm").validator().on("submit", function (event) { 
    if (event.isDefaultPrevented()) { 
     // handle the invalid form... 
     formError(); 
     submitMSG(false, "Did you fill in the form properly?"); 
    } else { 
     // everything looks good! 
     event.preventDefault(); 
     submitForm(); 
    } 
});

來源

2016-11-20 UXRO

禁用按鈕提交表單，像這樣：

$("#contactForm").validator().on("submit", function (event) { 
    if (event.isDefaultPrevented()) { 
     // handle the invalid form... 
     formError(); 
     submitMSG(false, "Did you fill in the form properly?"); 
    } else { 
     // everything looks good! 
     event.preventDefault(); 
     $("#form-submit").prop("disabled",true); 
     submitForm(); 
    } 
});

來源

2016-11-20 15:47:00

這解決了這個問題。謝謝！ – UXRO

多事情可以在這裏完成取決於你的完整架構。你可以使用jQuery的one函數，雖然我不推薦它，因爲這意味着，直到你加載頁面，聯繫表格才能被提交一次。

我要做的就是，我將禁用按鈕，$("#form-submit").attr("disabled","disabled"); OR $("#form-submit").addClass("inactive")和你的CSS使用

#form-submit{ 
    pointer-events:none; 
    opacity:0.6; 
    /*etc etc*/ 
}

，當你的AJAX的回報只是做相反（移除被禁用的屬性或類）。另外，將input，textarea值設置爲空字符串。

來源

2016-11-20 15:58:54 SuperNOVA

聯繫表單，點擊後禁用提交按鈕

回答

相關問題