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

Question

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

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

它会在提交时不断重新加载页面。 表单类是'.comment'，按钮是type='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>