Подсветка при валидации формы

<form id="form_registration" name="registration" method="post" ng-controller="validationCtrl" class="needs-validation" novalidate>
                <fieldset id="fieldName" ng-class="{ 'has-error':registration.name.$invalid }">
                    <legend id="legendName">Name</legend>
                    <input id="inputName" type="text" name="name" placeholder="Your name" ng-minlength="3" ng-model="formData.name" required>
                    <label id="err_Name" for="inputName" ng-show="showError">{{getError(registration.name)}}</label>
                </fieldset>
                <fieldset id="fieldEmail">
                    <legend id="legendEmail">Email</legend>
                    <input id="inputEmail" type="email" name="email" placeholder="Your email" ng-model="formData.email" required>
                    <label id="err_Email" for="inputEmail" ng-show="showError">{{getError(registration.email)}}</label>
                </fieldset>
                <fieldset id="fieldPhone">
                    <legend id="legendPhone">Phone</legend>
                    <input id="inputPhone" type="text" name="phone" ng-minlength="13" ng-model="formData.phone" required>  
                    <label id="err_Phone" for="phone" ng-show="showError">{{getError(registration.phone)}}</label>
                </fieldset>
                <div class="dropdown">
                    <button id="dropdown_button" type="button" name="position" class="dropdown-toggle d-flex justify-content-between" data-toggle="dropdown" ng-model="selected.name">
                    {{selected.name}}
                    </button>
                    <ul id="dropdown_menu" class="dropdown-menu">
                        <li ng-repeat="i in menu_item">
                            <a ng-click="checkMenu($event, i.id, i.name)" class="dropdown-item" href="#">{{i.name}}</a>
                        </li>
                    </ul>
                    <label id="err_Dropdown" for="dropdown_menu" ng-show="showError">{{getError(registration.position)}}</label>
                </div>
                <div class="upload_foto">
                    <div class="field_upload d-flex">
                        <input type="text" id="filename" tabindex="1" name="photo_src" placeholder="{{foto_data.name}}" ng-model="foto_data.name" disabled="disabled">
                        <div class="file-upload">
                            <label>
                                <input id="file" type="file" name="photo" accept=".jpg" ng-model="formData.photo" custom-on-change="uploadFile" required>   
                                <span>Upload</span>
                            </label>
                        </div>
                    </div>
                    <label id="err_Attach" for="filename">{{getError(registration.photo)}}The photo may not be greater than 5 Mbytes.</label>
                </div>
                <button id="SignUp" type="submit" ng-click="checkData()"
                ng-disabled="registration.name.$invalid || registration.email.$invalid || registration.phone.$invalid || registration.position.$modelValue == 'Select your position'">Sign Up</button>  <!-- || registration.$invalid -->
                </br>
                <div style="display:flex;flex-direction:column;">
                    <div>Форма: {{registration.$valid}}</div></br>
                    <div>Имя: {{registration.name.$valid}}</div></br>
                    <div>Email: {{registration.email.$valid}}</div></br>
                    <div>Телефон: {{registration.phone.$valid}}</div></br>
                    <div>Должность: {{selected.name != "Select your position"}}</div></br>
                    <div>Фото: {{foto_data.name != "Upload your foto"}}</div></br>
                </div>
            </form>