基于JS+HTML实现弹窗提示是否确认提交功能
(编辑：jimmy 日期: 2024/11/7 浏览：3 次 )
需求：当点击input按钮时候，弹出确认框，确认后提交到指定url，效果如下
分析：这里面要，引入三个库文件，如下是下载地址
layui样式文件：https://layer.layui.com/
layer弹窗组件：https://www.layui.com/
jquery代码库：http://www.jq22.com/
代码：下载后放入响应的项目目录，最后代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<!-- 你的HTML代码 -->
<form>
<input type="button" value="提交" onclick="buyAffirm('t.php">
</form>
<!-- 引入的库文件 -->
<script src="/UploadFiles/2021-04-02/layui.all.js">
ps:请求的是同级目录下的t.php文件，最终打印输出，当然yes:方法里面，也可以下响应的ajax请求。
js实现删除文章弹窗提示是否确认
模板代码
<a href="__URL__/dele/id/{$vo.id} " rel="external nofollow" onclick="javascript:return p_del()" >删除</a>
js代码
function p_del() {
var msg = "您真的确定要删除吗？";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}
总结
下一篇：vue移动端的左右滑动事件详解