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

网络编程 2024/5/8 佚名

3 2 1

需求：当点击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;
 }
}


总结

js,实现弹窗提示是否确认提交,js,弹窗提示,js确认提交

标签：

js,实现弹窗提示是否确认提交,js,弹窗提示,js确认提交

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

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

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

暂无“基于JS+HTML实现弹窗提示是否确认提交功能”评论...

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

js,实现弹窗提示是否确认提交,js,弹窗提示,js确认提交

微信小程序点击生成朋友圈分享图(遇到的坑)

vue移动端的左右滑动事件详解

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

更新动态

友情链接