Shulou(Shulou.com)06/01 Report--

This article mainly introduces layui how to achieve the information prompt box, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Step 1: reference two files

Step 2: click the delete button to pop up the prompt box

$(".del") Click (function () {

Var id=$ (this). Attr ("id")

Layer.alert ('are you sure you want to delete the operation?' , {

Skin: 'layui-layer-molv' / / style class name Custom style

, closeBtn: 1 / / whether to display the close button

, anim: 1 / / Animation type

Btn: ['OK', 'cancel'] / / button

, icon: 6 / / icon

, yes: function () {

/ / layer.msg ('OK')

$.ajax ({

Type: "POST"

Url: "@ Url.Action (" Delete "," UserInfo ")"

Data: {id: id}

Success: function (Data) {

If (Data== "ok") {

Location.reload ()

}

Else {

Layer.msg ('deletion failed')

}

}

Error: function () {

Alert ("error occurred")

Return false

}

}) / / end of ajax

}

, btn2: function () {

Layer.msg ('cancel')

}

})

})

Step 3: put an add button

Step 4: click the add button to pop up the form form fill-in information function func7 () {

/ / Page layer

Layer.open ({

Type: 1

Skin: 'layui-layer-rim', / / with a border

Area: ['350px', '360px'], / / width and height

Content: "@ Url.Action (" AddUser "," UserInfo ")" / / call to the new page

})

}

Note: the value of content is the form information to be displayed or the url of a page. If you want to validate a value that is not empty, add the lay-verify= "required" attribute. If it's a cell phone number, then lay-verify= "phone"? digital lay-verify= "number"? Wait.

Thank you for reading this article carefully. I hope the article "how to realize the layui message box" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.