2010-09-03 86 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按鈕。