2010-09-03 167 views
17

这是一般形式的代码HTML - 表单提交按钮确认对话框

<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){}继续或跳过一些代码...

清楚,是去工作,并加点是,我可以有一个很好的主题对话框,但我只想让我的生活更轻松......

回答

57

你也可以用一条线做在表单标签自己

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

使用原始javascript没有任何格...

你可以有这个function

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

你可以调用该函数从onsubmit事件的形式,或在buttononclick事件。

顺便说一下,你听说过JQuery。它的JS库有很多有用的东西,给你一个编码JavaScript的舒适和美丽的方式。

随着你想获得的所作所为为例,从JQuery借此confirmation dialog为例

+0

我知道jquery,但不是太多mu ..我很想用jquery替换任何JS的东西...直接给我一个例子或示例 – Moon 2010-09-03 02:05:17

+0

以及jqyery是JS但仍然; p – Moon 2010-09-03 02:05:42

+0

拿这个例子:http:/ /jqueryui.com/demos/dialog/#modal-confirmation并记住,你有StackOverflow来帮助你在这个过渡中...这里有很多GURU在JQuery中...... – 2010-09-03 02:07:11

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

是此javascript可以与标签“形式”不同存储,替换

return confirm(...) 

喜欢的东西

return sendata(...) 
1

如果你有2个或一个形式更加提交按钮:

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

的对话框显示出来,只有当你点击Delete按钮。