当提交数据时，如何阻止页面。

引言

当提交数据时阻止页面，我们有多种选择，可以使用基于 Ajax 的 UpdateProgress，也可以使用一些 jQuery 代码。但有时 Ajax UpdateProgress 由于其复杂性而不太实用。因此，更好的方法是使用 jQuery UI Block 插件。

实现

从以下地址下载 jQuery UI Block 插件：http://www.malsup.com/jquery/block/

<script type="text/javascript" src="js/jquery.1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>

  $("#<%= btnSubmit.ClientID%>").click(function() {

 $.blockUI({
                            message: "<h3>处理中，请稍候...</h3>" ,
                            css: {
                                border: 'none',
                                padding: '15px',
                                backgroundColor: '#000',
                                '-webkit-border-radius': '10px',
                                '-moz-border-radius': '10px',
                                opacity: .5,
                                color: '#fff' 
                 }  });

});

以上代码是一个简单的代码，没有使用 AJAX 或其他复杂脚本。

参考：  http://www.malsup.com/jquery/block/