形式被提交即使的onsubmit函數返回false

Question

所以我有一個看起來像這樣的形式：

<form class="form-horizontal" method="POST" onSubmit="submitFormButton()"> 

和我submitformbutton功能：

function submitFormButton(){ 
    document.getElementById('vacationApplicationForm').action = ''; 
    document.getElementById('vacationApplicationForm').method = 'POST'; 
    if (showWarning == true){ 
     var agree = confirm("wtf?"); 
     if (agree){ 
      document.getElementById('vacationApplicationForm').submit(); 
     } else { 
      return false; 
     } 
    } else { 
     document.getElementById('vacationApplicationForm').submit(); 
    } 
} 

當我點擊確認對話框取消該表格仍在提交中。我在這裏做錯了什麼？

Answer 1

變化：

<form class="form-horizontal" method="POST" onSubmit="submitFormButton()"> 

要：

<form class="form-horizontal" method="POST" onSubmit="return submitFormButton()"> 

當使用HTML屬性，你需要使用return關鍵字！

Answer 2

您沒有返回onsubmit屬性中的值。它應該是：

onsubmit="return submitFormButton();" 

Answer 3

你需要的時候你怎麼稱呼它返回你的函數的返回值：

onSubmit="return submitFormButton()" 

Answer 4

您只需return的返回值，以便從提交停止：

<form class="form-horizontal" method="POST" onSubmit="return submitFormButton()"> 

Answer 5

更新表單功能如下;

<form class="form-horizontal" method="POST" onSubmit="submitFormButton();return false;"> 

這裏是一個工作演示：http://jsfiddle.net/cubuzoa/WnRa2/