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如何實現信息提示框”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!