jQuery不显示“请填写此字段”

Question

我有一个包含一些必填字段的表格。提交按钮的ID为add。

我要这样做，以便如果表单有效，它将运行一个名为stopNavigate()的函数

所以在我的代码中，我有：

$("#add").on('click', function(){
    if($('form').first().valid()){
        stopNavigate();
    }
});

但是，当我这样做时，我在输入字段上不再获得“请填写此字段”工具提示。还有办法让它检查吗？

这是一个jsFiddle示例。

无效输入所需的输出为

但是，当我按下Submit时，jQuery Validator尝试接管其错误消息。有没有办法让原生HTML5验证工具提示出现？

Answer 1

您正在拦截提交按钮click，该按钮不允许浏览器正确处理表单字段的“必需”（和其他）属性。为了允许浏览器这样做，您需要拦截submit表单事件：

$('form').on('submit', function() {
   if($('form').first().valid()){
        stopNavigate();
    }
});

这里是updated fiddle，表明上述更改可以按要求进行。