bootstrap同一行有两个输入框验证，一个个验证通过却显示红色

Question

第一个输入框校验通过了，却显示红色，这是为什么，只有当第二个也验证通过的时候两个才会都变绿，是因为这两个输入框都在一个form-group里面吗

<div class="form-group">

                    <label class="col-lg-2 control-label">电话</label>

                    <div class="col-lg-4">

                        <input type="text" class="form-control" name="reporttel" id="reporttel"/>

                    </div>

                    <label class="col-lg-2 control-label">E_mail</label>

                    <div class="col-lg-4">

                        <input type="text" class="form-control" name="reportemail" id="reportemail"/>

                    </div>

                </div>

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

错误验证，form-group 内包裹input ,应该分出， 添加错误样式的方法 input上层父元素添加类似于.is-error样式，因为这两个输入框都在一个form-group里面所以俩个都应用了验证错误的样式