2016-02-05 172 views
-2

我有一個簡單的形式與兩個HTML5按鈕。每個按鈕都將表單提交給不同的php頁面。這很好,但'onsubmit'功能從來沒有觸發過。我想在調用delete.php頁面之前顯示一個對話框。HTML5表單按鈕onsubmit不起作用

<form method="post"> 
     <input type="text" name="fname"> 

     <!-- HTML5 FORMACTION --> 
     <button type="submit" name="update" formaction="update.php">Update</button> 
     <button type="submit" name="delete" onsubmit="return confirm('Do you really want to delete?');" formaction="delete.php">Delete</button> 
    </form> 

我試過不同的變化,但JavaScript代碼從未觸發。爲什麼?

+0

嘗試使用'onclick'。我不認爲'

回答

1

嘗試這樣

<form method="post"> 
     <input type="text" name="fname"> 

     <!-- HTML5 FORMACTION --> 
     <button type="submit" name="update" formaction="update.php">Update</button> 
     <button type="button" name="delete" onclick="return delete();" formaction="delete.php">Delete</button> 
    </form> 

<script> 
function delete(){ 

if(confirm('Do you really want to delete?')){ 
// delete code 
} 
return false; 
} 
</script> 
2

按鈕沒有提交事件,表單可以。

按鈕有點擊事件。

+6

雖然這個答案在技術上是正確的,但它可以處理更多的信息。 – Cerbrus

+0

由於HTML5按鈕可以覆蓋formaction,我也希望它能夠覆蓋onsubmit ... onclick表明它沒有連接到提交。但它仍然有效。 – Kokodoko

2

onsubmit有效期爲form,而不是一個按鈕。您將不得不使用onclick而不是onsubmit