swal 不需要点击确认按钮，自动关闭，不显示确认按钮

最新推荐文章于 2023-05-23 14:04:42 发布

原创最新推荐文章于 2023-05-23 14:04:42 发布 · 4.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #js

html 同时被 2 个专栏收录

15 篇文章

订阅专栏

vue

4 篇文章

订阅专栏

本文介绍如何使用 SweetAlert 创建一个无需用户交互即可自动关闭的弹窗，通过设置特定参数，实现弹窗的自动关闭及取消确认按钮的显示。

描述

swal 不需要点击确认按钮，自动关闭，不显示确认按钮

swal({title:"提交成功",
           text:"提交成功！",
           type:"success",
           showCancelButton:false,
           showConfirmButton:false,
           buttons: false,
           timer: 1200,
       })

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

SpringBoot+SweetAlert2(附源码)

zlh0816

03-28

1366

SpringBoot+SweetAlert2(附源码) SweetAlert2是一款功能强大的纯Js模态消息对话框插件一、前期准备 ① 在pom.xml中添加依赖 // sweetalert2依赖 <dependency> <groupId>org.webjars.npm</groupId> <artifactId>sweetal...

sweetalert加载弹窗完成自动关闭

09-19

sweetalert加载弹窗完成自动关闭，比较完整的sweetalert加载完成案例

参与评论您还未登录，请先登录后发表或查看评论

swal弹窗_swal() 弹出删除确认框

weixin_39752434的博客

01-30

473

//删除function del() {var id = "";var row = $.map($("#DataList").bootstrapTable(‘getSelections‘), function (row) {id = row.Id;return row;});if (row == null || row.length <= 0) {swal("提示信息", "请选择要删除的记...

sweetalert 确认弹窗不显示

kola的博客

08-01

4929

项目要求在用户删除数据时候要求提示用户:是否确认删除这么一个提示框.但是alert原生的弹窗太丑了,幸好找到了sweetAlert这个插件插件地址是http://mishengqiang.com/sweetalert2/ 现在记录一下我在使用这个插件遇到的问题,首先是我页面引用的是sweetalert2.js的js脚本文件,但是在使用删除提示的时候没注意使用了sweetalert1官方文档的...

sweetalert加载弹窗定时自动关闭

09-19

sweetalert加载弹窗定时自动关闭，包含加载图片，作为一个例子

swal()出现瞬间自动消失，闪屏处理

weixin_42517975的博客

07-30

3020

加一个定时器 setTimeout(function(){swal("请检查用户信息", "请输入用户名密码", "error"); },100);

Js脚本自动确认alert确认框

最新发布

06-04

另外，引用[2]中提到，现在很多网页不使用原生的alert，而是用自定义的弹框（比如用div模拟），那么对于这些自定义弹框，我们可以通过JavaScript操作DOM来点击确认按钮。例如，假设页面有一个自定义弹框，其确认按钮...

将如下代码转换为在Servlet中执行：//一个swal弹窗方法 Swal.fire({ //一个标题和弹窗框 title: '请输入验证码：', input: 'text', inputAttributes: { //禁用自动大写，也就是大小写敏感 autocapitalize: 'off' }, //显示取消按钮，确认按钮和加载中图标 showCancelButton: true, confirmButtonText: '确认', showLoaderOnConfirm: true, // preConfirm: (code) => { return new Promise((resolve) => { //判断验证码是否正确，并且判断后显示框持续1秒 setTimeout(() => { //验证码正确则交给Servlet处理 if (code === '111111') { resolve() } else { //否则提示验证码错误并且重新加载 Swal.showValidationMessage('验证码错误'); window.location.href="phone.jsp"; } }, 1000) }) }, //判断当前是否有加载正在显示，如果没有，就允许外部单击关闭弹出窗口，否则就不允许 allowOutsideClick: () => !Swal.isLoading() }).then((result) => { //如果验证码正确做出提示 if (result.value) { Swal.fire({ title: '验证码输入正确！', icon: 'success' }) } })

05-30

out.println("confirmButtonText: '确认',"); out.println("showLoaderOnConfirm: true,"); out.println("allowOutsideClick: () => !Swal.isLoading()"); out.println("}).then((result) => {"); out.println...

实现sweetalert弹窗的定时自动关闭功能

在某些需要异步操作的场景下，如用户提交表单或点击某个按钮时，我们可能需要给用户一个反馈，告诉他们正在进行处理。这时可以使用带有加载图片的弹窗，来提供一个视觉上的等待提示。SweetAlert提供了自定义内容的...

sweet-alert的swal()出现瞬间自动消失(type:“success”类型)

loster_Li的博客

04-23

8661

1.普通的swal()显示，设置定时器(虽然浪费一点性能)。setTimeout(function(){swal("提示","操作成功","success"); },100);2.普通的swal()显示后，需要自动刷新页面(有时候会出现window.location.reload()自动刷新掉swal()语句，导致没有按swal()的确定按钮，就自动刷新页面)，设置双定时器可以解决。setTime...

sweetalert2加载弹窗定时自动关闭显示剩余时间

ssjdoudou的博客

02-07

9654

默认是毫秒级的 Swal.fire({ title: 'Auto close alert!', html: 'I will close in milliseconds.', timer: 2000, timerProgressBar: true, onBeforeOpen: () => { Swal.showLoadin...

sweetalert2两个按钮确定与取消事件

masju的博客

06-08

1020

sweetalert2多个按钮的回调处理

【swing】关闭，最大化按钮禁用

weixin_TB20160103的博客

05-23

1268

请注意，此示例仅演示了如何在菜单栏中实现关闭功能并禁用窗口的最大化和关闭按钮。然后，我们为该菜单项添加了一个事件监听器，当用户选择"Exit"菜单项时，会执行监听器中的代码。，并将其设置为窗口的菜单栏。我们创建了一个名为"File"的菜单。方法中，我们设置了窗口的标题和大小，并禁用了默认的关闭操作。方法来确保窗口在事件分派线程中创建和显示。在这个示例中，我们创建了一个名为。方法来关闭窗口并释放资源，并使用。在菜单中，我们创建了一个菜单项。，并将其添加到菜单栏中。在事件监听器中，我们调用。

SweetAlert1关闭事件

LLLBK的博客

04-16

3338

SweetAlert1没有提供关闭事件.如果用了jquery可以像这样关闭 $('.sweet-alert').remove();//关闭弹窗 $('.sweet-overlay').remove();//关闭遮罩层 SweetAlert2有关闭事件.swal.close() ...

swal弹框出现的瞬间就消失了

saber_fan的博客

08-19

1394

swal弹框出现的瞬间就消失，弹框套着弹框结果第一个弹框不消失，swal.close()失效

swal弹窗_swal的几种用法

weixin_39629352的博客

12-22

3689

1，弹出提示框，点击确认，进行下一步操作swal({title: "操作提示",text: `是否删除名为“${query}”的反例？`,type: "warning",showCancelButton: true,confirmButtonColor: "#4D9BFF",cancelButtonText: "取消",confirmButtonText: "是的，确定删除！",closeOnCo...

swal 用法

weixin_34199405的博客

08-31

4403

//点击确定后执行方法 swal({ title: msg.retInfo, text: "", type: "success", ...

SweetAlert如何实现点击Confirm之后自动关闭

09-13

625

swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, ...

笔记：表单验证以及sweetalert中swal的使用

qq_42583216的博客

03-27

1583

1.表单验证jsp页面表单样例 <div class="input-group input-group-lg"> ...