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();
});