Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >layer小提示弹框验证

layer小提示弹框验证

作者头像
王小婷
发布于 2025-05-18 12:33:10
发布于 2025-05-18 12:33:10
4300
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

当验证失败的时候,会出现弹框进行提示,如果直接写alert的话显得太原始了,放一个layer验证提示弹框代码在里面,ui瞬间变得有模有样了 。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
success : function(data) {
                    if (data == 0) {
                        layer.msg('工号已存在',{icon:5,time:1000});
                    } else if (data == -1) {
                        layer.msg('请完善表单',{icon:5,time:1000});
                    } else if (data == -2) {
                        layer.msg('设备编号已存在',{icon:5,time:1000});
                    } else {
                        parent.layer.close(index);
                    }
                },
5640239-597c840283939b38.png
5640239-597c840283939b38.png

官网:http://layer.layui.com/

比较喜欢layer,是一款口碑极佳的web弹层组件,具备全方位的解决方案,使用方便,只需引入插件即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!-- 弹框 -->
    <script src="../com/layer/layer.js"></script>
    <script src="../com/layer/extend/layer.ext.js"></script>

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
layer弹框删除ztree节点非阻塞问题解决
在ztree里面,删除一个节点的时候,会弹出一个弹框询问,是否删除,本来用的是网页自带的confirm弹框,根据公司的业务需求,要用到layer弹框删除,这个时候,就出现了一个问题。
王小婷
2019/09/18
8850
提交表单的时候验证手机号码和身份证号码
需求:在提交表单的时候,验证手机号码和身份证号码,如果不填写手机号码和身份证号码,就无需验证,如果填写手机号码和身份证号码,必须要填写正确的格式,如果不正确,则没有办法通过验证,出现弹框提示。
王小婷
2019/08/07
1.5K0
正则表达式同时验证手机和座机号码
JS同时验证固话和手机号正则表达式,验证规则: 1:当input框没有填写号码的时候,input为空,可通过验证 2:当手机号码填写正确的时候,可通过验证 3:当座机号码填写正确的时候,可通过验证 如果不通过,则出现提示信息,提示输入正确的手机号码座机号码。
王小婷
2025/05/18
780
提交表单时input字段非空验证
需求,当提交表单的时候,如果要验证的字段为空,则弹出提示框提示请完善表单信息,并且 return;不执行下一步。
王小婷
2025/05/18
870
layui 框架弹出一个界面弹框
王小婷
2025/05/18
750
layui 框架弹出一个界面弹框
layer弹框
官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。
王小婷
2025/05/18
1190
layer弹框
layer弹框右上角关闭按钮的样式
打开layer右上角的叉号的审查元素,可以看到运用的是CSS 图像精灵(css sprites定位技术),通常是为了减少网页http请求,加快页面加载速度,提高页面的性能(适合小图) 。
王小婷
2025/05/19
460
layer弹框右上角关闭按钮的样式
layer弹框在实际项目中的一些应用
官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。 同时也高居年度最受欢迎的开源项目榜单:2017年度最流行的十大中国开源软件:https://www.jianshu.com/p/d7a76eee56e6 受到
王小婷
2018/05/31
1.6K0
用户名验证:限16个字符,支持中英文、数字、下划线
继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。
王小婷
2025/05/18
1030
jQuery实现一个穿梭框
需求:点击选中左侧内容,把左侧的内容放到右侧的框里面,可以一次放入一个,也可以一次放入多个或者全部,同样,右侧也一样。
王小婷
2025/05/19
460
jQuery实现一个穿梭框
input输入框自动消除空格
今天遇到了一个问题,用户在在前端的input里面输入id的时候,多写了个空格,数据库里面就找不到id了,所以无法获取输入的id所绑定的标签位置在哪里,现在需要在前端做一个处理,input框输入的数值里面,会自动消除空格。
王小婷
2019/05/15
4.2K0
input输入框自动消除空格
点击按钮,新增输入框,再点击按钮,删除输入框
需求:点击新增按钮的时候,会出现一个新增的输入框,按钮文字新增变成删除,再次点击删除按钮,出现的输入框隐藏,按钮文字变成新增字样。
王小婷
2025/05/19
660
点击按钮,新增输入框,再点击按钮,删除输入框
input输入框内阴影效果
作为一个合格的前端开发工程师,是能够将UI的设计图百分百还原的,不管设计图有多么的炫酷,都能够做到,当然也是从细节上一点点的实现的。今天继续记录简单的input输入框内阴影效果,效果如下:
王小婷
2025/05/18
860
input输入框内阴影效果
jeDate日期控件的验证
前面用到了jeDate日期控件的使用,https://www.jianshu.com/p/393d9e992144,在这个控件的基础上,做出一些完善:关于jeDate日期控件的验证的问题:
王小婷
2025/05/18
610
jeDate日期控件的验证
jQuery点击按钮,生成input输入框
需求,点击添加按钮,生成input输入框,如果上一个输入框为空,则弹出提示框提示,若不为空,则生成一行input框。
王小婷
2025/05/18
690
jQuery点击按钮,生成input输入框
根据select下拉框值判断验证条件
根据select下拉框值判断当前选中的是哪个区域,并且判断当前选中区域里面的值是否为空,如果为空,则弹出弹框提示,请输入xx区域名称,以下只是一个小demo,随手复制黏贴到代码里面,能看的更加明白。
王小婷
2019/08/01
3.9K0
根据select下拉框值判断验证条件
jquery实现点击图片切换为另一图片,再次点击恢复到原图片
在项目里,有时候会写这样的开关效果,点击开关来回切换,也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。
王小婷
2025/05/19
1040
jquery实现点击图片切换为另一图片,再次点击恢复到原图片
layui框架——弹出层layer[通俗易懂]
Array:例如title: [‘文本’, ‘font-size:18px;’],数组第二项可以写任意CSS样式
全栈程序员站长
2022/08/18
13.9K0
layui框架——弹出层layer[通俗易懂]
jQuery鼠标离焦验证手机号码
记录一下jQuery鼠标离焦验证手机号码,但鼠标离开了input输入框的时候,若填写的内容不符合手机号码验证规则或者填写为空,都会出现一行提示文字,提示请输入正确的手机号码,若符合,则通过验证,这也是在表单上经常使用到的。
王小婷
2025/05/18
290
jQuery鼠标离焦验证手机号码
layui打开iframe窗口不刷新的问题
这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。
王小婷
2025/05/18
1790
layui打开iframe窗口不刷新的问题
相关推荐
layer弹框删除ztree节点非阻塞问题解决
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验