在提交表单之前添加确认提醒

2023-11-26

我有一个表单允许用户从数据库中删除一些数据。

我想要一些确认信息以防止意外删除。我想做以下事情:

  1. 按下提交后,会弹出警告“您确定吗?”
  2. 如果用户点击“是”,则运行脚本
  3. 如果用户点击“否”,则不要提交脚本。

如何才能做到这一点?

我已经添加了 onSubmit 警报,但它没有显示任何内容,并且仍然提交表单。如何延迟表单提交,使其仅在用户从警报中选择“是”时才提交?

<form 
  method="POST"
  action="actions/remove-daily-recipient.php"
  onSubmit="alert('Are you sure you wish to delete?');"
>
  ...
</form>

代替alert,你必须使用confirm and return在你的form,例如:

<form 
    method="post"
    onSubmit="return confirm('Are you sure you wish to delete?');">
...
</form>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在提交表单之前添加确认提醒 的相关文章

  • 在 Spring MVC 中使用一系列项目处理表单发布

    我正在尝试将一些数据从客户端发送到服务器 并将其处理为文件下载 我使用简单的 HTML 表单 因为我想初始化文件下载 而不是 AJAX 其中一个表单字段是一组项目 另外两个是名称和描述字符串 在提交表单之前 我将此字段序列化为字符串 JSO
  • 提交表单时 ng-required 不起作用

    我在带有 required 属性的输入文本框中包含以下代码 但是当我跳出该字段或提交表单时 它不会阻止表单提交并通知用户该字段是必填字段 div class col sm 8 div
  • HTML 表单:POST 对象数组

    提交班级名单 一次添加3名学生 每个学生都有最初 最后的年龄 问题 我们如何才能将所有学生放入数组中 students 0 gt Array first gt first name for 0 last gt last name for 0
  • 谷歌浏览器自动填充所有密码输入

    我的问题 我必须打开谷歌来自动填充我网站上的登录信息 但是现在每当我想编辑我的帐户信息或编辑其他用户帐户信息 作为管理员 时 它都会尝试自动填充该登录数据 它在奇怪的地方填充了我的数据 问题似乎是 Chrome 会自动用某种密码填充任何输入
  • 在 HTML
    中发布额外的值

    我有一个简单的表单 它传递一个值
  • html 文件上传的默认文件夹和文件名

    我正在使用 jQuery Ajax 插件将图像文件从本地计算机上传到网络服务器 该网页呈现一个标记为Upload Image File 用户按下按钮并从浏览器显示的弹出目录列表中选择要上传的文件 服务器上的 PHP 存储图像文件 一切正常
  • 不使用 PHP 提交联系表单

    我还是一名学生 今天我们的讲师告诉我们 无需使用 mailto 函数即可提交联系我们表单的唯一方法是使用 PHP 我发誓去年另一位讲师向我们展示了一种仅使用 javascript 的方法 是否可以使用基本表单和 javascript 提交反
  • 多文件上传字段的重力形式预览缩略图

    我们使用重力形式将多个图像附加到图库自定义字段并创建新帖子 我们不知道如何在 HTML5 导入字段下显示图像缩略图 而不仅仅是在提交表单之前显示文件名 之前的答案仅涵盖单个文件上传 图片上传重力形式预览 https stackoverflo
  • 如何使用 jquery.validation 插件不将错误元素显示为标签

    好吧 伙计们 我已经阅读了有关 jQuery 验证插件的所有其他帖子和问题 他们似乎没有我想要做的事情 我希望显示错误不与消息一起显示 而只是在输入字段周围创建一个红色边框 这里只是一些表格
  • PHP 文件上传帮助

    div align center div 这是我的代码
  • PHP文件上传

    如果我想在文件名转到服务器的永久位置 而不是临时位置 之前更改文件名 我该如何执行此操作 代码如下
  • 选择框属性更改时未触发 Webkit Mutation Observer 回调

    我正在尝试监视选择框 或嵌套的option元素 与新的变异观察者 http updates html5rocks com 2012 02 Detect DOM changes with Mutation Observers功能 然而 只有
  • 防止用户在下拉菜单中选择默认值

    我试图阻止用户选择默认的下拉菜单选项 有没有办法在下拉菜单选项中添加文本而不是值 我的代码
  • ant-d upload中如何为removeFile添加PopConfirm一个图片文件

    我正在使用 Ant d Upload 通过本地系统上传文件 然后单击文件预览图像上的删除图标 图像文件将被删除 我想添加一个弹出确认 所以我尝试在 onRemovefunction 中添加确认作为承诺但它不起作用 它在浏览器中显示警报 on
  • 以 Rails 形式处理 MongoMapper EmbeddedDocument

    首先 我对一般编程和 Rails 都是新手 我选择 Rails 是因为它看起来是一种很容易上手的语言 对于我的项目 我将 MongoMapper 与 Rails 结合使用 我正在尝试以与文档相同的形式处理嵌入文档 我有以下模型 class
  • SwiftUI:为表单中的单元格添加动画

    我正在尝试动画化我的Form或者更确切地说是其中的细胞 我的问题是 下面的代码给了我一个很好的插入动画 但是对于删除 单元格在看起来很丑陋的延迟后突然被删除 import SwiftUI struct ContentView View St
  • 如何在 Metro 应用程序中从 Web 上下文(Iframe)发出 javascript 警报。

    在我的 Metro 应用程序中 我使用 iframe 加载 Web 应用程序 基本上是一个包含一些控件的表单 最后用户单击 完成 按钮 我想显示警报 我在地铁应用程序中知道 我们可以使用 new Windows UI Popup Messa
  • CakePHP 中没有模型的简单表单

    我正在尝试在产品页面中添加请求附加信息的表单 这是一个简单的表格 包含姓名 国家 地区 电子邮件和问题字段 我创立了这个tutorial http snook ca archives cakephp contact form cakephp
  • 从 elm 代码提交表单

    我有这个框架集划分 这是我的elm逻辑在里面main html import Html exposing import Html Attributes exposing view Model gt Html Msg view model H
  • Flex formitem 标签对齐奇怪

    我对这个头发给予了相当大的敬意 为什么标签 1 和标签 2 的垂直对齐方式不同

随机推荐

  • JavaScript 模板字符串的 Polyfill

    是否有任何使用反引号的 JavaScript 模板字符串的填充 我指的是如下代码 var textTemplate h1 My Template String h1 p Some more stuf here p 我不想使用诸如 babel
  • Cython 编译错误:'-mno-fused-madd'

    每当我编译 Cython 代码时 使用pyximport 并且经常当我从源安装软件包时 使用pip I get clang warning argument unused during compilation mno fused madd
  • Intellij IDEA Tomcat 应用程序服务器在运行配置停止之前未连接,原因:无法在 localhost:1099 ping 服务器

    我正在使用 Intellij Ultimate 版本 14 0 2 使用 Maven 作为我的构建工具来处理 Java 项目 尝试通过 Tomcat 服务器启动我的项目时 我们收到此错误 运行配置停止前未连接应用程序服务器 原因 无法 pi
  • jQuery Mobile 1.1.1 自定义选择菜单 - 占位符文本不可见

    今天早些时候 2012 年 7 月 13 日 升级到 jQuery Mobile 1 1 1 后 我注意到我的所有自定义选择菜单不再在页面加载时显示占位符文本 在 1 1 1 中我需要做一些不同的事情才能在自定义选择菜单中显示占位符文本吗
  • Java:BufferedImage 到字节数组并返回

    我发现很多人都有类似的问题 但是我还没有尝试找到我正在寻找的东西 因此 我有一个读取输入图像并将其转换为字节数组的方法 File imgPath new File ImageName BufferedImage bufferedImage
  • 如何在 Bootstrap 3 模态中居中输入?

    我目前正在从 Bootstrap 2 切换到 Bootstrap 3 如何将 Bootstrap 3 中的输入字段居中 文本正确居中 它曾经为 BS2 工作 我尝试过移动 div 中的 style text align center 但仍然
  • 如何找到word在文件中的位置?

    例如我有文件和单词 test 文件部分是二进制的 但有字符串 test 如何在不加载该文件到内存的情况下找到文件中单词 索引 的位置 除非打开文件 否则无法找到文件中文本的位置 这就像要求某人在不睁开眼睛的情况下阅读报纸一样 回答你问题的第
  • GWT 从 2.8.1 升级到 2.8.2 后出现“XmlRootElement 无法解析为类型”错误

    为了修复 Chrome 61 中损坏的 GWT 拖放功能 我们决定升级 GWT 因为修复是在 GWT 2 8 2 中 升级后 我遇到了数百个以下错误 ERROR Line 7 XmlRootElement cannot be resolve
  • Form_for 带有 url、格式和 html 选项

    我觉得我在这里缺少一些简单的东西 我正在将 form for 助手与对象一起使用 我指定 url 格式和 html 方法 但是 在渲染时 action 属性中的 url 不会采用该格式 这是我的代码 form for site url co
  • 将自定义元数据保存在从 iOS 中的 AVFoundation 获取的图像中

    当我使用以下命令获取图像时 如何在图像中保存自定义元数据AVFoundation framework 我知道我可以访问属性 只要我的图像是UIImage or CIImage但它们的属性似乎彼此不同 即使是同一图像 到目前为止 我像这样访问
  • 无法将 Type 隐式转换为 My Type

    我不确定这是否是协方差和逆变问题 但我无法使其正常工作 这是代码 public interface IDto public class PaginatedDto
  • Brunch:分离供应商和应用程序 javascript

    我从我们的项目供应商和应用程序中制作了两个 javascript 包 我按照建议的方式执行此操作文档 如我的 brunch config js 中的这段代码所示 files javascripts joinTo js vendor js s
  • 如何在Android中像Wifi分析仪应用程序一样绘制图表?

    您好 我正在尝试开发一个现场测试应用程序 我必须检索相邻小区的信号强度等信息 所以我的问题是 如何显示具有不同相邻单元格的图表 X 轴和 Y 轴上的信号强度是实时的吗 一个例子here 我已经获得了 5 或 6 个相邻小区以及每个小区的信号
  • Mac OS X / iOS 中的正则表达式匹配表情符号

    Note 在不支持所包含表情符号的系统上 这个问题可能看起来很奇怪 这是一个后续问题如何从字符串中删除表情符号 我想构建一个正则表达式来匹配可以在 Mac OS X iOS 中输入的所有表情符号 明显的 Unicode 块涵盖了大部分表情符
  • 如何在 MVVM 中使用同一个 ViewModel 拥有多个视图?

    我对 WPF 和 MVVM 都很陌生 在尝试设置DataContext到两个单独视图中的 ViewModel 的同一实例 这是因为
  • 如何在 AngularJS 中关闭浏览器窗口

    我有一个登录表单作为单独的浏览器窗口弹出 一旦 API 验证用户已登录 我如何在 AngularJS 中关闭该登录浏览器窗口 Use window close in window服务 您可以像这样将结果广播到另一个控制器AngularJS
  • 是否可以捕获包含 Windows 7 DWM 缩略图的窗口?

    我开始相信你不能用 Windows API 做任何事 我有两个窗户 其中有一个 DWM 缩略图 我想要做的是 我希望能够将窗口屏幕的缩略图捕获到另一个窗口中 当我使用 bitblt 执行此操作时 除了缩略图之外的所有内容都会被复制 它只是位
  • 在android中画圆[关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 如何使用 Android SDK 在两点之间绘制圆 创建一个位图 然后在其画布上绘制 然
  • Postgresql base64 编码

    我需要将 db 值转换为 base64encode 我试过 select encode cast est name as text base64 from establishments 它显示错误 SQL select encode str
  • 在提交表单之前添加确认提醒

    我有一个表单允许用户从数据库中删除一些数据 我想要一些确认信息以防止意外删除 我想做以下事情 按下提交后 会弹出警告 您确定吗 如果用户点击 是 则运行脚本 如果用户点击 否 则不要提交脚本 如何才能做到这一点 我已经添加了 onSubmi