jquery - jQuery 提交按钮事件处理程序阻止对所需输入字段的表单验证

Question

我有一个带有必需输入字段的 HTML 表单，例如：

<input type="number" required="required" />

我的表单的提交按钮由 jQuery 事件处理程序控制：

$('#submitButton').on('click', function(event){
  return false;
});

提交按钮处理程序返回false的事实导致 Web 浏览器无法自动检查必填字段的问题。如果我删除“return false”，那么会有一个检查（见屏幕截图），但是页面会重新加载（我不想要）。

有没有办法在表单提交操作后使用浏览器的纠错而不刷新页面？

Answer 1

我认为您想尝试以下方法：

$('#submitButton').on('click', function(event){
    return $("<some selector for the input>")[0].checkValidity();
});