相关文章
更多最近更新
更多提交表单，显示遮罩层的问题
2019-03-25 13:33|来源: 网路
最近初开始学习jquery，想尝试做一个效果，就是提交页面上的一个表单，点击提交按钮（submit类型）后，显示一个遮罩层，如果成功的话就在遮罩层上显示成功的小页面，如果失败的话就显示失败的小页面，请问各位达人高手们该效果如何实现，或者哪里有类似的例子给小弟参考一下，现在这里谢谢各位了！
问题补充：
不胜感激啊，给你邮箱584287141@qq.com
问题补充：
直接页面也行，总之十分感谢！
问题补充：
jquery-1.3.2.js和jquery.blockUI.js假如你没有我给你发一下
这两个JS文件有，就不用麻烦了，非常感谢！
问题补充：
AngelAndAngel 写道
我发个例子给你吧 ==
不胜感激啊，给你邮箱584287141@qq.com
问题补充：
AngelAndAngel 写道
我发个例子给你吧 ==
直接页面也行，总之十分感谢！
问题补充：
AngelAndAngel 写道
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>
<script type="text/javascript">
<!--
function submitForm(){
var username=$("#username").val();
$.ajax({
type: "POST",
url: "checkuser.php",
data: "username=" + username,
success: function(data) {
$.blockUI({
message: "<img src='${ctx}/image/loading.gif' /><h4><strong>数据正在查询中,请稍后....</strong></h4>"
,css: { background: 'none', color: '#000',border:'none' }
,overlayCSS: {backgroundColor: '#C5E1F0',opacity:'0.4'}
});
} ,
error: function(data) {
$.blockUI({
message: "<img src='${ctx}/image/loading.gif' /><h4><strong>错误</strong></h4>"
,css: { background: 'none', color: '#000',border:'none' }
,overlayCSS: {backgroundColor: '#C5E1F0',opacity:'0.4'}
});
}
});
}
//-->
</script>
</head>
<body>
<form id="myform" method="post" action="">
<input type="text" name="username" id="username" />
<input type="button" value="提交" onclick="submitForm()"/>
</form>
</body>
</html>
jquery-1.3.2.js和jquery.blockUI.js假如你没有我给你发一下
这两个JS文件有，就不用麻烦了，非常感谢！
相关问答
更多-
求教jquery mobile 手机AJAX访问后台时遮罩层解决方案，具体看补充，解决后有加分[2021-08-13]
自己写个mask之类的js文件来显示遮罩，调用$.mobile.showPageLoadingMsg()的同时调用你的mask显示函数，调用$.mobile.hidePageLoadingMsg()的同时调用mask的隐藏函数。其中mask就是生成一个宽度和高度均为100%的div，适当添加背景色，透明度，position一般设置为absolute，将其append到body中，然后控制其show和hide就OK。 新建了一个移动应用开发方面的群： 92080168 先声明，还没有高手在里面哈，纯粹为了提供 ... -
怎么使用浏览器 控制台 关闭jquery blockui plugin 遮罩层[2023-01-03]
从Chrome控制台临时关闭可以这么做： 右键这个遮罩，选择“审查元素“，然后定位到其父级元素，再按键盘H（表示hide）,这个区域就可以临时隐藏了。再按一次又可show出。 -
在网页上面放一个半透明的黑色的遮罩层，却不影响网页的正常使用。[2019-05-18]
我这里怎么没看到这个按钮，不过按你的描述，应该是css3 pointer-events，你看一下那个黑色层上是不是有这个样式属性，并且值是none -
这种遮罩层怎做？[2023-05-11]
镂空一个800*600大小的图形放到最上面图层中，颜色可以设置成黑或白，这样就可以了 -
遮罩的制作必须要用两层才能完成，下面哪一描述正确[2022-12-30]
以字为例，新建图层，选取T打字进去（动画就改为图片，也可ps抠图，导入），之前记得改背景，字填充色之类，如果不更改了就锁定，再新建图层，用椭圆之类的新建图形，图形要可盖住字，填充色自选，最好建在舞台外，再移到合适的地方，在多少帧处插入帧，再在一定的地方插入关键帧，然后移动新建的图形到该到的地方，然后再插入关键帧，再移动，多少自己定，再在插关键帧的地方插入补间动画。记得遮罩层是右击图层名，然后点击遮罩层，遮罩层要在其他图层上面。另一种是在上面的基础上，再新建图层，然后复制图层1到新建图层上，插入的帧要相同，再 ... -
Jquery 遮罩层为什么获取的高度=0[2022-02-21]
.weui_mask { position: fixed; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } 自己对比下有什么不同 -
我写了一个CCMaskLayer来完成同样的事情。 https://github.com/smilingpoplar/CCMaskLayer I write a CCMaskLayer to do the exactly same thing. https://github.com/smilingpoplar/CCMaskLayer
-
提交后显示表单数据(Showing form data after submit)[2022-04-10]
正如之前的StackOverflow问题所示，您可以使用$ form_state ['storage']和$ form_state ['rebuild']来完成此操作。 As indicated by this previous StackOverflow question you can accomplish this with $form_state['storage'] and $form_state['rebuild']. -
解决这个问题的一种方法是使用Quartz函数 在drawRect方法中使用CGContextClipToMask（context，rect，maskImage） 请参阅CGContextClipToMask示例链接以获取帮助 One way to fix this can be to use Quartz functions Use CGContextClipToMask(context, rect, maskImage) inside drawRect method Refer CGContextClip ...
-
您可以使用QPainter和半透明的QBrush将该暗层绘制到QPixmap 。 假设pic是一个加载了你的图像的QPixmap ： QPainter p(&pic); QBrush b(QColor(0,0,0,128)); // adjust color and alpha to taste p.setBrush(b); p.drawRect(0, 0, 200, 200); 效果（之前/之后）： VS 可以通过在绘画前设置半透明笔来移除不透明的黑色边框。 如果要保留原始图像，请在应用“蒙版”之前复制 ...