javascript - 如何使用 JavaScript 提交表单后启用按钮

Question

我试图在提交表单后启用一个按钮。 我可以启用该按钮，但我想等待表单完成该过程，然后启用该按钮。我可以使用 setTimeout() 等待几秒钟，然后启用该按钮，但我不希望这样。我希望一旦表单完成其处理过程，然后启用该按钮。我不确定这是否是一个可能的用例。

表格:

<input type=submit id="myButton" class="esignReports" value="Export E-Sign Information" onclick="disableReportButton(), enableReportButton()"/>

JS:

 function disableReportButton() {
    document.getElementById('viewIntegrationReport').submit();
    document.getElementById('myButton').disabled = true;
    document.getElementById('myButton').value = 'Please wait'; 
 }

 function enableReportButton() {
    document.getElementById('myButton').disabled = false;
    document.getElementById('myButton').value = 'Export E-Sign Information'; 
 }

谢谢。

Answer 1

阻止表单提交事件，然后通过ajax提交，例如。使用 jQuery $.post。使用 .done (或 $.ajax 中的成功处理程序)来调用您的函数:

$("form").on("submit", function(e){
    e.preventDefault();
    $.post( /* your data here */ )
        .done(function(){
            // do stuff after post
            disableReportButton();
            enableReportButton();
        };
});

$.ajax 的示例，使用成功:Submit form via AJAX in jQuery