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

Posted 2023-05-09

【中文标题】$(\'.classitem\').submit(function(event)event.preventDefault) 不起作用

【英文标题】：$('.classitem').submit(function(event)event.preventDefault) doesn't work$('.classitem').submit(function(event)event.preventDefault) 不起作用

【发布时间】：2021-07-06 06:29:20

【问题描述】：

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

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

它会在提交时不断重新加载页面。 表单类是'.comment'，按钮是type='submit'

我通过课程获取表单是个问题吗？

【问题讨论】：

你是在 jQuery 准备好之后调用这个绑定吗？ （提示：将其全部包装在 $(function() // ); 块中。）

是的，它封装在$( document ).ready(function()...

那么请发布完整的相关 html 和 JS，因为从这里的内容来看并不明显。

【参考方案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>

【讨论】：

也许我不清楚。表单类是'.comment'，按钮是type='submit'

您可以在问题中发布 HTML 标记吗？如果表单是.comment，您的代码应该可以正常工作