javascript - HTML5 : Is there any way to show error bubble popup for input fields?

Question

我创建了一个具有 HTML5 功能的表单。我使用 setCustomValidity 函数自定义错误消息。但大多数输入字段都需要显示错误消息 onfocusout 事件。我做了这个代码来实现这个。

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

但是，我不知道如何打开这里的气泡弹窗。

Answer 1

是的，有，但你需要在表单上checkValidity()，如果为假则提交。这不是最好的代码。

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

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