Javascript 以引导样式显示自定义验证错误

我想用boostrap的样式显示输入错误。 但是当我使用这个代码时

let $emailContainer = $('[data-coffee-role="email-container"]');
$emailContainer.validate().showErrors({'email':'Email already exists'});

我认为这是错误的表现。我怎样才能以正确的方式显示我的错误

Html

咖啡订单
电子邮件
提交
重置

JS

---

我想你把正在使用的外部库搞砸了。您要寻找的行为是一个简单的

HTML

表单验证，即使不使用

boostrap

也可以实现

消息的图形方面取决于您使用的浏览器：

如果您想扩展默认消息文本或创建自定义验证器，这可以帮助您

检查以下简单示例：

表单验证演示
名字：
姓氏：
电邮地址：
提交

您使用的是哪个版本的引导？@S.Orioli我使用的是4.3.1您能再添加一点代码吗？例如，

HTML

。顺便说一句，你似乎缺少一些引导class@S.Orioli更新帖子

 FormHandler.prototype.addHandler = function(fn, check){
        this.$formElement.on('submit', function (event) {
            event.preventDefault();
            const data = {};
            $(this).serializeArray().forEach(item => data[item.name] = item.value);
            if(check(data.email)){
                let $emailContainer = $('[data-coffee-role="email-container"]');
                $emailContainer.validate().showErrors({'email':'Email already exists'});
                return;
            }
            fn(data);
        })
    }