jQuery不显示"；请填写此字段“；

我有一个表单，它有几个必填字段。提交按钮的id为

add

我想这样做，如果表单有效，它将运行一个名为

stopNavigate（）的函数。

因此，在我的代码中，我有：

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

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

这里有一个例子

所需输出用于无效输入

---

但是，当我推送Submit时，jQuery验证器试图用它的错误消息接管。是否仍有办法显示本机HTML5验证工具提示？

您正在插入提交按钮

单击

，这不允许浏览器正确处理表单字段的“必需”（和其他）属性。为了允许浏览器这样做，您需要截取表单

submit

事件：

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

---

这里演示了上述更改是否按要求工作。

@cale\u b，是的，我指的是本机必需的消息。@cale\u b，我添加了一个MCV示例。