$('.classitem').submit(function(event){event.preventDefault}) 不起作用

Question

我有点好奇。我正在尝试使用：

$('.comment').submit(function(event) {
event.preventDefault()

它在提交时不断重新加载页面。表单类为'.comment，按钮类型为"submit">

我通过一个类来获取表格的事实是一个问题吗？

Answer 1

按钮没有submit事件。侦听器永远不会触发。

$('.comment').submit(function(event) {
event.preventDefault()
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<button class="comment">submit</button>
</form>

submit只是<form>s上的一个东西，而不是表单的子体。因此，在表单上的submit事件上调用preventDefault。

$('form').submit(function(event) {
event.preventDefault()
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<button class="comment">submit</button>
</form>