前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >layer小提示弹框验证

layer小提示弹框验证

作者头像
王小婷
发布2019-08-01 12:45:44
1.1K0
发布2019-08-01 12:45:44
举报
文章被收录于专栏:编程微刊编程微刊

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

代码语言:javascript
复制
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);
                    }
                },

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

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

代码语言:javascript
复制
<!-- 弹框 -->
    <script src="../com/layer/layer.js"></script>
    <script src="../com/layer/extend/layer.ext.js"></script>

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

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档