Twitter bootstrap 使用Bootstrap 4显示电子邮件输入验证消息

下面我尝试使用HTML5验证以及在每个字段下面显示错误消息

引导中的默认自定义样式技术似乎不允许任何机制来更新错误消息，特别是HTML5现在为电子邮件输入字段提供的错误消息。我已经使用了自己的Javascript来实现这一点

有没有更合适的引导方式来实现这一点

$（“#需要验证”）.submit（函数（事件）{
if（this.checkValidity（）==false）{
event.preventDefault（）；
event.stopPropagation（）；
}
this.classList.add（'was-validated'）；
});
//电子邮件验证。
$（“#电子邮件”）.change（函数（）{
var电子邮件=$（此）；
if（email.is（':invalid'））{
email.removeClass（'is-valid'）.addClass（'is-invalid'）；
email.sides（“.invalid feedback”）.text（email.prop（“validationMessage”））
}否则{
email.removeClass（'is-invalid'）.addClass（'is-valid'）；
}
});

电子邮件地址
请提供有效的电子邮件。
名称
请提供有效的名称。
提交表格
您应该在现代浏览器中使用内置的验证API。”这是关于他们的信息。可以找到用于引导客户端验证的文档。Hi@Klooven。我正在使用HTML5验证API。请注意，在我的示例中，我没有执行验证。我只检查HTML 5是否将该字段标记为无效，如果标记为无效，我将在引导用于显示验证消息的
DIV.invalid-feedback
字段中显示消息（因为我看不到让引导更改验证消息的方法）。您应该在现代浏览器中使用内置的验证API。”这是关于他们的信息。可以找到用于引导客户端验证的文档。Hi@Klooven。我正在使用HTML5验证API。请注意，在我的示例中，我没有执行验证。我只检查HTML 5是否将该字段标记为无效，如果标记为无效，我将在引导用于显示验证消息的
DIV.invalid-feedback
字段中显示消息（因为我看不到让引导更改验证消息的方法）。