利用layer.js和jQuery在form提交页面添加loading层

最近公司优化系统，因为“报表”和“统计查询”模块查询比较缓慢，而当前系统在submit后又没有任何操作，导致在查询过程中用户仍然可以再次点击查询等操作，于是想在用户提交表单后增加一个loading层，让用户等待查询结果。

百度了一下，发现一个非常好用的第三方插件layer.js。layer.js的介绍是在http://layer.layui.com/。

我的具体应用是在当前页面引入jquery.js和layer.js文件。

<script language="javascript" type="text/javascript" src="<%=basePath%>/js/jquery-1.5.2.min.js"></script>
<script language="javascript" type="text/javascript" src="<%=basePath%>/js/layer/layer.js"></script>

将提交按钮的type设为type="submit"，在提交事件设为

form.οnsubmit=layer.load(2,{offset: ['40%','50%'],shade: [0.1,'#3595CC'],area: ['10%','10%']});