2014-03-19 36 views
1

我有一個形式如下佈局:如何在提交表單前單擊一個提交按鈕而不是另一個提交按鈕,才能調用confirm函數?

<form action="newsletter.php" name="newsletter" id="newsletter" method="post"> 
    <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value"> 
    <input type="submit" value="Send" class="c-btn" id="send_value" name="send_value"> 
</form> 

在標題爲一個按鈕,點擊發送一個jQuery的警報應該來詢問「您確定要發送郵件?」。

如果用戶點擊是,那麼表單應該提交,如果用戶點擊否,那麼表單不應該提交。

當用戶單擊具有提交值的提交按鈕時,此警報不應出現,表單應正常提交。

我該怎麼做?

+0

@null:我在我的問題修改代碼。現在,兩個提交按鈕的ID都不相同。 – PHPLover

回答

2
<form action="newsletter.php" name="newsletter" id="newsletter" method="post"> 
    <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value" onclick="return confirm('Are you sure to send the mail?');"> 
    <input type="submit" value="Send" class="c-btn" id="send_value" name="send_value"> 
</form> 

Check here

0

的JavaScript confirm函數返回boolean,這樣你就可以要確認動作

return confirm('are you sure ?'); 

是這樣

<form action="newsletter.php" name="newsletter" id="newsletter" method="post" onsubmit=""> 
    <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value"> 
    <input type="submit" value="Send" class="c-btn" id="send_value" name="send_value" onclick="return confirm('are you sure ?');"> 
</form> 
+0

如果我點擊兩個提交按鈕中的任何一個,上面的代碼會要求確認。但我只需要在一個名爲發送的提交按鈕上顯示確認消息。如何實現這一目標? – PHPLover

+0

立即嘗試我編輯了我的答案 – Jack

1

使用像這裏面input添加它,只要你想展示確認只需點擊發送按鈕使用onclick而不是onSubmit發送按鈕

<form action="newsletter.php" name="newsletter" id="newsletter" method="post"> 
     <input type="submit" value="Submit" class="c-btn" id="submit_value" name="submit_value"> 
     <input type="submit" value="Send" class="c-btn" id="submit_value" name="submit_value" onclick="if(!confirm('Are you sure to send the mail?')){return false;}"> 
    </form> 
+2

確認返回布爾值作爲結果。在這種情況下,你不應該使用if語句 –