如何在 JavaScript 中显示 SweetAlert

2023-12-26

如何在此 JavaScript 代码中显示 SweetAlert?

function removeReg(del_reg) {
  if (confirm("Are you sure you want to delete? \n the reg name : " + del_reg)) {
    // Code goes here
  }
}

我只想在中调用 SweetAlertif条件,即在 SweetAlert 中,我需要显示消息"Are you sure you want to delete?".


Call swal()与您的自定义选项 https://sweetalert.js.org/guides/#using-options in the removeReg(del_reg)功能并使用Promise https://sweetalert.js.org/guides/#using-promises由返回swal()确定用户的选择:

  • 如果用户点击了YES,返回的valuetrue
  • If the user clicked NO or pressed the Esc key, the returned value will be null
var button = document.getElementById('remBtn')

function removeReg(del_reg) {
  swal({
      text: "Are you sure you want to delete? \n the reg name : " + del_reg,
      icon: "error",
      buttons: ['NO', 'YES'],
      dangerMode: true
    })
    .then(function(value) {
      console.log('returned value:', value);
    });
}

button.addEventListener('click', function() {
  console.log('clicked on button')
  removeReg('SomeCustomRegName');
});
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<button id="remBtn">Remove Registered Name</button>

更多关于 SweetAlert 的高级示例 https://sweetalert.js.org/guides/#advanced-examples

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 JavaScript 中显示 SweetAlert 的相关文章

  • 缩小 ASP.NET 生成的 Javascript 的最佳方法是什么?

    在 ASP NET 3 5 运行时缩小 ASP NET 生成的 Javascript 例如由 webresource axd 提供的 Javascript 的最佳方法是什么 我尝试使用Mb压缩 http mbcompression code
  • 如果列表中的某个字符位于该字符之前,请选择该字符

    我有这个正则表达式 a z s gmi 该正则表达式选择 从我的文字中 sme a eliezovce 2015 Spolo ne pre Eur pu Osl vili aj 940 但我只想选择 没有 如果列表中的某些字符 a z 之前
  • WebPack 源映射令人困惑(重复文件)

    我决定在我今天正在启动的一个新项目上尝试 WebPack 并且我从源映射中得到了非常奇怪的行为 我在文档中找不到任何相关信息 在浏览 StackOverflow 时也找不到其他人遇到此问题 我目前正在查看由以下公司制作的 HelloWorl
  • Firebase 模拟器无法促进/运行新功能

    我有三个云功能 其中两个已部署到我的 firebase 项目中 其中一个是我刚刚添加的 我希望在部署之前在本地测试新的功能 但是当我尝试使用它时却无法使用 并且只有两个已部署的功能可用 Firebase 模拟器在端口上运行良好5001 像往
  • 确定用户是否在shadow dom之外单击

    我正在尝试实现一个下拉菜单 您可以单击外部将其关闭 下拉列表是自定义日期输入的一部分 并且封装在输入的影子 DOM 内 我想写一些类似的东西 window addEventListener mousedown function evt if
  • 如何在 .js 中的字符串中插入来自 ruby​​ 示例的变量[重复]

    这个问题在这里已经有答案了 在 ruby 中 您可以将变量插入到字符串中 如下所示 x sake puts I like x I like sake 例如 def what i like word I like word end 在 jav
  • Bootstrap shown.bs.tab 事件不起作用

    我正在使用灵活的模板 http the8guild com themes html flexy v1 7 stylesPage html 使用引导程序 并且我无法让选项卡上的 shown bs tab 事件正常工作 我已经成功让它发挥作用J
  • 递归链接 Promise

    我正在开发一个简单的 Windows 8 应用程序 我需要在其中从网站获取一组数据 我正在使用 WinJS xhr 来检索此数据 它返回一个 Promise 然后 我将回调传递到此 Promise 的 then 方法中 该方法为我的回调提供
  • Node.js 循环发送 http 请求

    我实际上遇到了使用 node js 执行的 javascript 代码的问题 我需要循环发送http请求到远程服务器 我在代码中设置了www google ca 这是我的代码 var http require http var option
  • 如何使用 Selenium webdriver 测试对 SVG 对象的点击?

    我正在尝试编写代码来检查单击 SVG 对象的功能 例如此 URL 上的美国州 http www amcharts com svg maps map usa 这可行 但是有更好的方法吗 不需要物理移动鼠标的东西 robert new Robo
  • Ember:命名出口错误

    我不知道为什么我的模板没有在指定的插座中呈现 这是我第一次尝试学习 ember 我被困在指定的渠道上 我想渲染侧边栏模板 in the outlet sidebar 和内容模板 in the outlet content 但我不断在控制台中
  • 有效地获取下拉列表中的选定选项(XHTML Select 元素)

    背景 使用 XHTML Select 元素的下拉列表中有大量选项 数十个 我需要使用 JavaScript 检索所选选项 Problem 目前我正在使用 jQuery selectedCSS 选择器并且它按预期工作 但这种方法效率不高 因为
  • Firefox CSS 旋转与 Chrome 旋转不同

    我想制作一个 3D 矩形 平行六面体 用户可以用箭头移动它 它在 Chrome 中工作得很好 但在 Firefox 中 一些转换 实际上很多 与 Chrome 不同 看着this https jsfiddle net 7273yur9 2
  • 在流星收集加载时显示加载程序

    我有一个模板 task list 看起来像这样 each tasks gt task each Template task list tasks返回一个集合 在用户界面中 加载似乎需要一些时间 当集合正在加载时 我想显示一个加载指示器 关于
  • 从数据库中给定时间起经过的时间

    我有一个 HTML 表 其中包含从数据库中提取的记录 我正在使用 PHP MySQL 我的表中名为 Timer 的列未从数据库中检索 我需要在此处显示经过的时间 从数据库中的特定时间开始 例如 假设现在的时间是2013年2月21日下午6点2
  • JQuery 验证不起作用

    我有一种表单 其中一个输入类型的值为 名字 但这可以在 onfocus 函数上更改我想验证此输入字段 如果它为空白或 名字 我有两个 jQuery 文件jquery 1 4 2 min js jquery validate pack js
  • Nuxt + Vuex - 如何将 Vuex 模块分解为单独的文件?

    在 Nuxt 文档中 here https nuxtjs org guide vuex store module files 它说 您可以选择将模块文件分解为单独的文件 state js actions js mutations js an
  • Chrome:window.print() 打印对话框仅在页面重新加载后打开 (javascript)

    我面临着一个非常奇怪的问题 我正在从 javascript 文件调用 window print 这在 Safari IE Firefox 中运行良好 直到两小时前 它在 Chrome 中也运行良好 版本29 0 1547 57 我没有更改我
  • 使用 Lodash 循环 JavaScript 对象中的属性

    是否可以循环访问 JavaScript 对象中的属性 例如 我有一个 JavaScript 对象定义如下 myObject options property1 value 1 property2 value 2 属性将动态添加到该对象 有没
  • d3.js 更新视觉效果

    我有一个与 d3 js 放在一起的树形图 我通过 getJSON 填充数据 效果很好 但是 我在 setInterval 方法中具有此功能 并且它似乎并没有刷新自身 var treemap d3 layout treemap padding

随机推荐

  • 如何进入封闭班? [复制]

    这个问题在这里已经有答案了 I know Class getDeclaredClasses 可以获取它声明的所有类 但不包括匿名类 我想知道有没有办法通过封闭类获取所有封闭类 例如 我想获取定义在中的所有封闭类Root用于测试目的 clas
  • 如何在 WPF 中创建可拖动到主窗口之外的面板?

    尝试在 Visual Studio 2008 中复制对接控件 我的应用程序为 FAA 重播 RADAR 环境 并且我希望双显示器用户能够将控制面板拖动到另一个显示器 以使主画布保持清晰 此功能类似于将 VS 中的不同面板拖到主窗口之外的方式
  • MIPS 伪指令、替换

    经过研究后 我发现这只是获得相同结果的方法的替代 如果我错了 请纠正我 example move s0 t1 可以替换为 add s0 zero t1 问题 怎样才能更换lw la sw bne 是的move指令可以并且被替换为add操作说
  • 当我使用 Control-C 中断 C# 控制台应用程序时会发生什么?

    当我使用 Control C 中断 C 控制台应用程序时会发生什么 进程被杀死了吗 内存被释放了吗 是finally块被执行 数据库连接会发生什么情况 如果应用程序是为调试或发布而构建的 或者在 Visual Studio 内部 外部运行
  • Angular 动态组件 AOT 问题

    由于一些业务逻辑 我必须读取动态组件 EntryComponents 的元数据 要读取元数据 以下是我的方法 使用读取模块的所有组件组件工厂解析器 使用组件名称和特定方法过滤掉类 创建组件并读取数据 销毁该组件 const factorie
  • 如何对多个项目使用 ETag / If-Match

    在 RESTful 接口中处理乐观锁定的推荐方法似乎是返回一个ETag来自 GET 并提供If Match在 PUT 上 即 GET items 1 gt gives client an ETag for a single item PUT
  • 从块返回 UIImage

    我有以下代码 UIImage getPublisherLogo check the cache if the logo already exists NSString imageUrl NSString stringWithFormat i
  • 与 Eclipse 编译器相比,为什么 javac 1.5 运行速度这么慢?

    我有一个 Java Maven 项目 其中包含大约 800 个源文件 其中一些由 javacc JTB 生成 使用 javac 编译需要花费 25 分钟 当我将 pom xml 更改为使用 Eclipse 编译器时 编译大约需要 30 秒
  • Qt 会泄漏内存吗?

    如果我编译这个 Qt hello world include
  • Python需要安装ipykernel

    我在 VS code 中使用 Jupyter Notebook 时遇到问题 屏幕显示 Python 3 7 8 requires ipykernel to be installed 我按照弹窗安装了ipykernel 还是不行 附上截图 很
  • 数据损坏:错误在哪里‽

    最后编辑 我已经弄清楚问题是什么 请参阅下面我自己的答案 但我似乎无法将问题标记为已回答 如果有人可以回答我在下面的回答中提出的问题 即这是 Cython 中的错误还是这是 Cython 的预期行为 我将标记that答案被接受 因为这将是从
  • 如何将 Yii 与多语言数据库模型一起使用?

    我在从我创建的完全多语言数据库中获取数据时遇到问题 我希望这里有人可以帮助我 我将所有桌子分成两部分 通用 表 不包含任何需要翻译的文本 和包含需要翻译的所有字段及其翻译的表 示例表 base material id picture bas
  • 生成多个 PDF 并将其压缩以供下载,全部在一个视图中

    我在用xhtml2pdf在我的 Django 视图中生成 PDF 这个想法是循环遍历查询中的所有实例 然后为每个实例创建一个 PDF 然后将所有生成的 PDF 添加到一个 zip 文件中以供下载 这xtml2pdf逻辑工作正常 但循环逻辑让
  • 您应该如何引用 JSON 对象符合的 JSON 模式?

    还有另一个问题与我在这里问的问题类似 您能否在符合 JSON 架构的 JSON 文档上指定架构 URI https stackoverflow com questions 58042566 can you specify the schem
  • 获取未捕获的 TypeError: ...default 不是构造函数 - 来自 Vue 组件

    您好 我在 chrome 控制台中收到以下错误 Uncaught TypeError firebase2 default is not a constructor 当我在中使用以下代码时Fire vue webpack vue loader
  • MYSQL更新权限也需要选择权限吗?

    在MYSQL数据库中 我想在不选择的情况下给用户更新权限 可以吗 这是可能的 但你的问题是 你的 UPDATE Query 包含一个 WHERE 子句 它至少需要在内部查询字段 因此 您在这里需要 SELECT 权限 否则 可以尝试使用强力
  • Windows 8.1 中 MediaElement 的样式

    如何更改示例的样式MediaElement 例如我怎样才能改变背景 Code
  • 当以角度 5 / 6 单击按钮时如何从 url 下载文件

    我有一个前的网址 abc net files test ino 需求是通过角度5或6的按钮点击事件下载 INO文件 您可以创建一个锚标记来在按钮单击事件上下载文件 downloadMyFile const link document cre
  • 在缓存中找不到“Extent.ftl”的模板(“en_US”,UTF-8,已解析)

    我正在使用 Selenium Webdriver 版本 3 4 0 并在 Windows 7 上的 IE11 浏览器中运行我的测试脚本 虽然我的测试用例成功 但我在控制台中收到以下日志 请建议 DEBUG 15034 freemark 无法
  • 如何在 JavaScript 中显示 SweetAlert

    如何在此 JavaScript 代码中显示 SweetAlert function removeReg del reg if confirm Are you sure you want to delete n the reg name de