layui如何实现信息提示框

这篇文章主要介绍了layui如何实现信息提示框，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

　　第一步：引用两个文件

　　第二步：点击删除按钮弹出提示框

　　$（".del"）。click（function （） {

　　var id=$（this）。attr（"id"）;

　　layer.alert（'您确定要删除操作吗？', {

　　skin: 'layui-layer-molv' //样式类名 自定义样式

　　， closeBtn: 1 // 是否显示关闭按钮

　　， anim: 1 //动画类型

　　， btn: ['确定', '取消'] //按钮

　　， icon: 6 // icon

　　， yes: function （） {

　　//layer.msg（'确定'）

　　$.ajax（{

　　type: "POST",

　　url: "@Url.Action（"Delete", "UserInfo"）",

　　data: { id: id },

　　success: function （Data） {

　　if （Data=="ok"） {

　　location.reload（）;

　　}

　　else {

　　layer.msg（'删除失败'）

　　}

　　},

　　error: function （） {

　　alert（"出现错误"）;

　　return false;

　　}

　　}） //ajax结束

　　}

　　， btn2: function （） {

　　layer.msg（'取消'）

　　}

　　}）;

　　}）

　　第三步：放一个添加按钮

　　第四步：点击添加按钮弹出form表单填写信息function func7（） {

　　//页面层

　　layer.open（{

　　type: 1,

　　skin: 'layui-layer-rim', //加上边框

　　area: ['350px', '360px'], //宽高

　　content: "@Url.Action（"AddUser", "UserInfo"）"  //调到新增页面

　　}）;

　　}

　　注意：content的值就是要展示的表单信息或某个页面url，如果要对某个值非空验证就加 lay-verify="required"属性。如果是手机号那 lay-verify="phone" ?，数字lay-verify="number" ?等。

感谢你能够认真阅读完这篇文章，希望小编分享的“layui如何实现信息提示框”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!