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

需要引入
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{
           $.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'  } });
            serchFormcqgx.submit();
        }



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

点击查询按钮后,展示数据加载进度,防止用户多次提交_第1张图片

你可能感兴趣的:(查询)