bootstrap4 表单验证状态失效

在bootstrap3中，表单验证状态是在输入组件父 div 中添加 .has-warning、.has-error  .has-success 等类，但是在 bootstrap4 中不再生效。

 

如：

    Input with warning

    

 

而在bootstrap4中，应该在输入组件中加入 is-valid 类：

    用户名/手机号/邮箱:
    

 

映射如下：

has-success --> is-valid

has-warning --> 没有看到

has-error --> is-invalid

 

见官方文档：https://getbootstrap.com/docs/4.0/components/forms/#server-side