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

Question

我有一个生成报告的表单操作。我想添加一条弹出消息，如Please wait the report is loading

我怎样才能在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);