HTML - 表单提交按钮确认对话框

Question

这是一个通用的表单代码

<form name="search_form" action="" method="POST">
<input type="text" name="search_text">          
<input type="submit" name="search_bt" value="Go">
</form>

，有没有办法可以有一个确认对话框，显示“是”\“否”或“确认”\“取消”等...

我想到的一种方法是使用 CSS 层、JavaScript 和 Php ...按钮上有一个 php isset(){} chechk，设置后会显示一个带有两个按钮的 Div 和这些按钮的 onclick=func() JS 函数按钮设置了一个 php 变量（标志），然后我可以 if(flag){} 继续或跳过一些代码...

好吧，这将起作用，而且优点是我可以有一个主题很好的对话框，但我只是想让我的生活更轻松......

Answer 1

您也可以使用表单标签本身中的一行来完成此操作

<form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');">

Answer 2

如果一张表单中有 2 个或更多提交按钮：

<input type="submit" value="Edit">
<input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');">

仅当您单击Delete 按钮时才会显示该对话框。

Answer 3

使用原始javascript而不带任何div...

您可以拥有此函数

function confirmSubmit() {
  if (confirm("Are you sure you want to submit the form?")) {
    document.getElementById("FORM_ID").submit();
  }
  return false;
}

并且您可以从表单中的onsubmit事件调用该函数，或者在按钮中的onclick事件上。

顺便说一句，您听说过 JQuery。它是一个 JS 库，包含许多有用的东西，为您提供一种舒适而美观的 javascript 编码方式。

作为您想要完成的操作的示例，请使用以下确认对话框： a href="http://jquery.com/" rel="nofollow noreferrer">JQuery 为例

Answer 4

<form action="<form handler>" method="post" onsubmit="return confirm('Are you sure you want to submit?')">

这个 javascript 是否可以存储与标签“form”不同的内容，替换

return confirm(...)

为类似的内容

return sendata(...)