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

时间:2010-09-03 01:46:10

标签: php javascript form-submit

这是一般表格代码

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

有没有办法让确认对话框显示'是'\'不'或'确认'\'取消'等......

我认为dong的一种方式是使用CSS Layer和JavaScript和Php ...按钮上有一个php isset(){} chechk,当设置显示带有两个按钮和onclick=func()的Div时这些按钮的JS函数有一个php变量(flag)设置然后我可以if(flag){}继续或跳过一些代码......

那很好用,加点是我可以有一个很好的主题对话框,但我只是想让我的生活更轻松......

4 个答案:

答案 0 :(得分:64)

您也可以在表单标记本身中使用一行

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

答案 1 :(得分:3)

如果您在一个表单中有两个或更多提交按钮:

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

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

答案 2 :(得分:2)

使用原始javascript而没有任何div ...

您可以拥有此function

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

您可以在表单中的onsubmit事件或onclick中的button事件中调用该函数。

顺便问一下,你听说过JQuery。它是一个JS库,有很多有用的东西,可以为你提供一种舒适和美观的javascript编码方式。

作为您要完成的工作的示例,请以confirmation dialog为例JQuery

答案 3 :(得分:-2)

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

这个javascript可以存储不同于标签“form”,替换

return confirm(...)

类似

return sendata(...)