不会在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

submit（）事件处理程序只能绑定到表单元素（而不是像你所做的那样绑定到输入元素）。

您有两种选择：

（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>