BlockUI 锁定和解锁屏幕

最新推荐文章于 2024-03-24 09:58:48 发布

weixin_37906108

最新推荐文章于 2024-03-24 09:58:48 发布

阅读量321

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_37906108/article/details/97617222

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
<head>

<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/script/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://malsup.github.io/min/jquery.blockUI.min.js"></script>

<script type="text/javascript">

	$(function(){
		 $(document).ajaxStart(function() {
			$.blockUI({ css: {
	            border: 'none',
	            padding: '15px',
	            backgroundColor: '#000',
	            '-webkit-border-radius': '10px',
	            '-moz-border-radius': '10px',
	            opacity: .5,
	            color: '#fff'
	        } });

	        setTimeout($.unblockUI, 2000);
		});
		      
		$(":input[name='username']").change(function(){
				var val = $(this).val();
				val = $.trim(val);
				if(val != ""){
					var url = "${pageContext.request.contextPath}/valiateUsername";
					var args = {"username":val,"time":new Date()};
					$.post(url ,args ,function(data){
						$("#message").html(data);
					})
				}
		});
	});
	
</script>
</head>
<body>

<form action="" method="post">
	username:<input type="text" name="username" />
	<br>
	<div id="message">
		<font color="red"></font>
	</div>
	<input type="submit" value="Submit" />
</form>

</body>
</html>

weixin_37906108

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BlockUI 锁定和解锁屏幕

<html><head><title>Insert title here</title><script type="text/javascript" src="${pageContext.request.contextPath}/script/jquery-1.7.2.js"></script><script...
复制链接

扫一扫