javascript - onSubmit 方法中未调用警报

Question

这是我的 html 代码，我希望当我提交时，会出现一条警报消息。

<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() 事件处理程序只能绑定(bind)到表单元素(不能像您所做的那样绑定(bind)到输入元素)。

您有两个选择:

(1) 通过将 HTML 更改为类似以下内容，将操作绑定(bind)到表单提交 --

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

或者； (2) 通过更改 JavaScript 将操作绑定(bind)到按钮单击，如下所示 --

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