在onSubmit方法中沒有調用警報

Question

這是我的html代碼，我希望當我提交時出現alart消息。

<input id="reportForm" type="submit" value="Submit Report" class="btn btn-primary" /> 

這裏是JS代碼：

$(document).ready(function() { 
    $('#reportForm').submit(function() { 
     alert("Thanks for your report."); 
    }); 
}); 

不幸的是，它不叫警惕！

Answer 1

的提交（）事件處理程序只能綁定到一個表單元素（而不是一個輸入元素，因爲你做了）。

你有兩個選擇：

（1），通過改變你的HTML沿着這些路線的東西綁定的動作（或多個）的形式提交 -

<form id="reportForm"> 
    <input type="submit" value="Submit Report" class="btn btn-primary" /> 
</form> 

;或（2）綁定的動作（縣）按一下按鈕，通過改變你的JavaScript，像這樣 -

$('#reportForm').click(function(){ 
    alert("Thanks for your report."); 
}); 

Answer 2

當您嘗試提交表單時會觸發提交事件。如果您將該字段包裹在<form>標記中並將其定位到該元素，則該標記應該可以工作。

<form id="reportForm"> 
    <input id="submitButton" type="submit" value="Submit Report" class="btn btn-primary" /> 
</form>