基于JS+HTML实现弹窗提示是否确认提交功能

网络编程发布日期：2025/11/1 浏览次数：1

正在浏览：基于JS+HTML实现弹窗提示是否确认提交功能

需求：当点击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移动端的左右滑动事件详解