Bootstrap has two input boxes for verification on the same line, one of which passes but shows red

the first input box passed, but showed red. This is why both of them turn green only when the second one is also verified. Is it because both input boxes are in one 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>

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Mar.28,2021

error validation, input is wrapped in form-group, should be separated, the method of adding error style input upper parent element is similar to .is-error style, because both input boxes are in a form-group, so both apply validation error style

Menu