JS确认提交confirm方法

最新推荐文章于 2023-12-21 15:51:48 发布
最新推荐文章于 2023-12-21 15:51:48 发布
阅读量2.3k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chenxiaodan_danny/article/details/26455563
本文详细介绍了使用JavaScript的函数submitXXX实现用户确认操作的过程，包括确认执行时的代码和取消执行时的返回处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

function submitXXX(){
    if(confirm("是否XXX？点击确认XXX")){
        //确认执行时的代码
    }else{
        return;//取消执行时的代码
    }
}


JS实现用户二次确认后再提交表单
10-30 600
JS实现用户二次确认后再提交表单
js实现自定义confirm
11-12
本例详细介绍了自定义风格的confirm的实现，可以更好的与网页风格配套，实现多样化的confirm
JavaScript确认提交？
weixin_30483697的博客
04-18 158
1.初始状态 2.点击确认 3.输入数字，点击确认 4.点击提交 5.点击取消 6.点击提交，然后点击确认 1 <html> 2 <head> 3 </head> 4 <body> 5 <form> 6 用户名:<input type="te...
JavaScript自动化脚本自动点击confirm 确认框
weixin_45188171的博客
08-11 5464
代码】JavaScript自动化脚本自动点击confirm 确认框。
确认框,confirm工具封装
anyu0190的博客
03-01 240
用bootstrap封装了个确认框工具 效果如下 代码如下: /** * 以模态窗做确认框的函数,title为标题栏内容,body为消息体,yesFun为点击确认按钮后执行的函数,执行后会执行关闭并删除该模态窗的函数 * 该模态窗只有模态窗 * @param:title:提示标题 * @param:body:提示内容 * @param:yes...
js确认框confirm()用法实例详解.docx
01-21
JS 确认框 confirm() 用法实例详解 confirm() 函数是 JavaScript 中一种常用的确认框函数，用于在执行某些操作前弹出确认提示框，以确保用户的操作是正确的。本文将详细介绍 confirm() 函数的用法实例，包括其基本...
js确认框confirm()用法实例详解
10-23
JavaScript中的`confirm()`函数是一个内置的弹窗函数，用于创建一个带有“确定”和“取消”按钮的对话框，通常用于用户确认操作。本文将详细介绍`confirm()`的三种常见用法，并通过实例进行解析。 ### 第一种方法 ...
基于JS+HTML实现弹窗提示是否确认提交功能
10-15
总结来说，本文档介绍了通过JavaScript和HTML结合弹窗组件layer以及CSS框架layui实现网页中弹窗提示用户是否确认提交的基本方法。文中详细说明了引入相关库文件的步骤、如何编写触发弹窗的HTML元素以及实现弹窗的...
jQuery UI插件自定义confirm确认框的方法
10-24
标题“jQuery UI插件自定义confirm确认框的方法”揭示了本文的核心内容是关于使用jQuery UI插件来创建自定义的确认对话框。jQuery UI是一个基于jQuery的JavaScript库，它提供了用户界面交互、动画、特效和小部件的...
javascript window.confirm确认 取消对话框实现代码小结
10-27
<form name="form1" method="post" action="xxx.htm" onSubmit="return window.confirm('确认提交吗？')"> ``` 4. 简单的删除确认： 第四个例子与第二个类似，同样使用自定义的delete_confirm函数来处理删除操作的...
纯JS编写Confirm消息确认框插件（TS）
最新发布
weixin_50368372的博客
12-21 931
轻量级的消息确认框(纯 JS
JS控制submit表单提交前进行预览和confirm确认提交
weixin_33672109的博客
08-29 1584
JS控制submit表单提交前进行预览和confirm确认提交。我们经常会遇到这样的场景，某一个form表单提交前，想知道那些checkbox的内容被选中了，如果符合则提交，如果不符合，则取消提交，很简单的代码，我就不说了，直接上代码了。 <scripttype="text/jscript"> $(document).ready(function(){ ...
lhgdialog
kjw888的博客
11-25 595
首先创建一个js文件夹构建框架如下 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;script src="./js/jquery-3.3.1.js
【vue】this.$alert、this.$confirm的简单使用
热门推荐
ChaoChao66666的博客
06-14 1万+
【vue】this.$alert、this.$confirm的简单使用
弹窗提示，点击确定提交，取消不让提交
余大冠子的博客
09-18 1481
if (confirm("'应用系统访问权限失效日期'已确认完成?")) { //alert("点击了确定"); return true; } else { //alert("点击了取消"); return false; } ...
confirm弹窗确定按钮换文字_layui弹窗点击右上角关闭按钮二次确认
weixin_39830303的博客
11-28 943
在使用layui弹窗时，有时关闭弹窗要进行二次确认，是否要关闭弹窗，但是在右上角关闭按钮回调默认点击之后直接关闭弹窗，并不执行回调里的代码。cancel: function(index, layero){ if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭 layer.close(index) } return false; ...
js实现表单form提交前进行确认提示
y2020520的博客
12-28 3099
在jquery中，可以使用confirm来弹出提示框，实现确认提交。下面小编举例讲解js实现表单form提交前进行确认提示。 工具/原料 js+html 代码编辑器：zend studio 10.0 方法/步骤 新建一个html文件，命名为test.html，用于讲解js实现表单form提交前进行确认提示。 在test.html文件中，使用form标签创建一个表单，并设置其id为myForm，用于测试。 在test.html文件中，在form表
弹出框一 之 基于bootstrap和jquery的自定义弹出框
dgnwy6921的博客
03-27 291
(function ($) { window.Ewin = function () { var html = '<div id="[Id]" class="modal fade" role="dialog" aria-labelledby="modalLabel">' + '<div class...
js使用window.confirm原生弹出框点击确定和取消后的回调
刺心的博客
12-02 3641
var r = confirm("请按按钮"); if (r == true) { x = "您按了确认！"; } else { x = "您按了取消！"; }
js confirm如何值保留确认按钮
05-30
JS 的 `confirm()` 方法默认会显示确认按钮和取消按钮，无法只保留确认按钮。但是，我们可以自定义一个模拟的确认框，只保留确认按钮，然后在确认按钮点击后执行相应的操作。 例如，我们可以使用 CSS 和 HTML 创建一个模拟的确认框，并通过 JS 动态显示和隐藏该对话框。具体实现步骤如下： 1. 在 HTML 中创建一个模拟的确认框，只包含确认按钮，例如： ``` <div id="confirm-box"> <div class="confirm-message">您确定要提交表单数据吗？</div> <button class="confirm-btn" id="confirm-yes">确认</button> </div> ``` 在上面的代码中，我们创建了一个 `div` 元素，并设置其 `id` 为 "confirm-box"，表示这是一个模拟的确认框。其中，`confirm-message` 类表示对话框中的文本信息，`confirm-btn` 类表示确认按钮，`id` 为 "confirm-yes"，表示确认按钮的标识符。 2. 在 CSS 中设置确认框的样式，例如： ``` #confirm-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 9999; display: none; } .confirm-message { font-size: 16px; margin-bottom: 10px; } .confirm-btn { display: inline-block; padding: 5px 10px; background-color: #f00; color: #fff; border: none; cursor: pointer; } ``` 在上面的代码中，我们设置了确认框的位置、背景色、边框、内边距、阴影、层级和显示方式等 CSS 样式。 3. 在 JS 中添加事件处理程序，例如： ``` document.getElementById('confirm-yes').addEventListener('click', function() { // 执行确认操作 // ... // 隐藏确认框 document.getElementById('confirm-box').style.display = 'none'; }); ``` 在上面的代码中，我们使用 `addEventListener()` 方法为确认按钮添加了一个点击事件处理程序。当用户点击确认按钮时，执行相应的确认操作，并隐藏确认框。 4. 当需要显示确认框时，设置 `confirm-box` 的 `display` 属性为 'block'，例如： ``` document.getElementById('confirm-box').style.display = 'block'; ``` 在上面的代码中，我们通过 JS 动态设置了确认框的显示方式。 注意，上述代码只是一种实现方式，具体实现可以根据实际需求进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值