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

基于JS+HTML实现弹窗提⽰是否确认提交功能需求:当点击input按钮时候,弹出确认框,确认后提交到指定url,效果如下
分析:这⾥⾯要,引⼊三个库⽂件,如下是下载地址
汽车座椅面料
代码:下载后放⼊响应的项⽬⽬录,最后代码如下
<!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?id=25')">
</form>
<!-- 引⼊的库⽂件 -->
<script src="../layui/layui.all.js"></script>
<script src="../layer/layer.js"></script>
edi电源
<script src="code.jquery/jquery-3.0.0.min.js"></script>
<script>
console.log(1)
function buyAffirm(url) {
layer.alert('确定提交吗?', {
skin: 'layui-layer-molv' //样式类名⾃定义样式
,
closeBtn: 1 // 是否显⽰关闭按钮
, title : '未来社区提⽰!!' //标题
, anim: 1 //动画类型
, btn: ['确定', '取消'] //按钮
支脚
, yes: function() {          //这⾥也可以写响应的ajax请求
window.location.href=url
}
, btn2: function () {
layer.msg('取消')
}
})
}
</script>
</body>
</html>
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;低通滤波器设计
}
}
总结
到此这篇关于基于JS+HTML实现弹窗提⽰是否确认提交功能的⽂章就介绍到这了,更多相关js 实现弹窗提⽰是否确认提交内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!

本文发布于:2024-09-20 22:48:53,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/2/127199.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:确认   是否   提交   弹窗   下载   样式
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议