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

【问题标题】：jQuery submit button event handler prevents form validation for required input fieldsjQuery 提交按钮事件处理程序阻止对所需输入字段的表单验证
【发布时间】：2013-09-29 22:36:00
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

标签： jquery html forms validation submit-button

【解决方案1】：

我想你想尝试一下：

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

【讨论】：