Javascript HTML5：有没有办法显示输入字段的错误气泡弹出窗口？

我创建了一个带有

HTML5

功能的表单。我使用

setCustomValidity

功能自定义错误消息。但是大多数输入字段需要显示错误消息

onfocusout

事件。我做这段代码是为了实现这一点

$("form").bind("change" , function(e){
    var ele = e.target;
    if(field.is(":invalid")){
        ele.setCustomValidity(errorMessage);
    }else{
        ele.setCustomValidity('');
    }
});

---

但是，我不知道如何打开此处的气泡弹出窗口。

是的，但是您需要在表单上检查有效性（），如果为假则提交。这不是最好的密码

if(!$('form')[0].checkValidity()) {
  $('form').submit();
}

---

请记住，并非所有浏览器都支持表单验证。我个人会将验证留给浏览器，因为用户将习惯于这样做。

最好使用javascript库触发验证，也可以设置自定义消息进行验证

参考链接：

使用此选项，您可以在

onfocusout

从上面的链接下载CSS和JS并添加到HTML页面中。根据您的需求添加验证规则

<input type="text" name="emp_code" id="emp_code" data-rule="emp_code|required"> 

---

我不太理解你的问题。当用户“离开”输入（即：`blur``事件）时，您是否试图运行该代码？@Uby，我附上了该图像。虽然此链接可能会回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。-@谢谢你。

<script>
// #form is id of form
new Validator(document.querySelector('#form'), function(err, res) {
   return res;
}
</script>