点击查询按钮后，展示数据加载进度，防止用户多次提交

最新推荐文章于 2022-06-30 10:06:35 发布

peonyzzdx

最新推荐文章于 2022-06-30 10:06:35 发布

阅读量496

点赞数

分类专栏： web 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/peonyzzdx/article/details/84527414

版权

web 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

[size=medium]需要引入
jquery.blockUI.js
$.blockUI = function(opts) { install(window, opts); };
此代码是jquery.blockUI.js中的加载进度条用到的一段js。

function serchRelation() {
if($("#syqzsbh").val().length==0 && $("#fwzl").val().length==0 ){
alert("数据量太大,请您至少输入一个查询条件");
}else{
[color=red] $.blockUI({ message:'<img src="<%=skinPath%>images/loading/grid-loading.gif" />', css:{ border:'none', '-webkit-border-radius':'1px', '-moz-border-radius':'1px', opacity:.7, color:'#fff' } });[/color]
serchFormcqgx.submit();
}

当点击提交按钮后，页面效果如下图

[img]http://dl2.iteye.com/upload/attachment/0093/9227/0f680fe6-527f-3650-b2c3-108b1d87ebf8.bmp[/img]

[/size]