javascript - 在表单操作中添加弹出等待消息

Question

我有一个生成报告的表单操作。我想添加一条弹出消息，例如 请等待报告正在加载

如何在 js 中做到这一点。

 <form action="step50/generateReport" method="GET" id="form_generate">
      <input style="margin-top: 20px;" type="submit" id="btnGenerate"  value="Generate"/>      
</form>

我正在尝试这个:

function popupProcessStatus(){                        
              $.fancybox({href:'#display_status_inline', closeBtn: true, helpers:{overlay: {closeClick:false}}});                            
        }

<div id="display_status_inline" style="display: none">     
            <br>
            <p>Please wait until the report is generated.</p>                                               
        </div> 

但不知道在哪里调用这个函数，以便在单击 btn 时显示它，并在生成报告时关闭。

Answer 1

只需在提交时调用该函数:

var form = document.getElementById("form_generate");
form.addEventListener("submit",popupProcessStatus,false);