javascript - AngularJS 和 Bootstrap 输入边框焦点

Question

当用户点击外部输入时，我需要设置原始边框颜色。当输入聚焦时，边框颜色变为红色，并保持红色直到输入验证成功。

这是我的一段代码:

<div class="form-group has-feedback">
                <input id="user_name" type="email" name="user_name" placeholder="Username" autocomplete="off" ng-model="user.user_name" required="" class="form-control burger-input" maxlength="50" focus-me="" />
                <span class="fa fa-envelope form-control-feedback text-muted"></span>
                <span ng-show="form_submitted &amp;&amp; loginForm.user_name.$error.required" class="label label-danger">Questo campo è richiesto.</span>
                <span ng-show="form_submitted &amp;&amp; loginForm.user_name.$error.email" class="label label-danger">L'indirizzo e-mail dev'essere valido.</span>
            </div>

Answer 1

使用输入'required' 属性和:focus http://www.w3schools.com/tags/att_input_required.asp