Блог

Главная - Вопросы по программированию - Как выделить поле формы, если оно недопустимо в Angularjs?

Как выделить поле формы, если оно недопустимо в Angularjs?

#angularjs

#angularjs

Вопрос:

У меня есть регистрационная форма. Мне нужно проверить каждое значение поля и выделить конкретное поле, если оно недействительно, и переместить страницу в соответствующую область поля.

Я использую диапазон для проверки значения поля.

Но я хочу проверить форму при нажатии кнопки отправки и выделить поле, если обязательное значение поля пустое.

Мой HTML:

 <div class="form-group fields col-sm-2 col-xs-4" ng-class="{'has-error': (tForm.fname.$dirty || tForm.$submitted) amp;amp; tForm.fname.$invalid }"><label for ="fname">FIRST NAME *</label><br>
            <input  type="text" name="fname" class="form-control1 col-sm-2 col-xs-4" autocomplete="off" ng-required="true" ng-model="model.firstName" ng-pattern="/^[a-zA-Z ]*$/" ng-minlength ="1"/>

            <span ng-show="!tForm.fname.$error.required amp;amp; tForm.fname.$error.minlength amp;amp; tForm.fname.$dirty amp;amp; !tForm.fname.$error.minlength" class="help-block">
                Fistname must be atleast 1 character.
            </span>
            <span ng-show="!tForm.fname.$error.required amp;amp; !tForm.fname.$error.minlength amp;amp; tForm.fname.$error.pattern amp;amp; tForm.fname.$dirty" class="help-block">
                Must contain only Characters
            </span>
            <span ng-show="tForm.fname.$dirty amp;amp; tForm.fname.$error.required" class="help-block" >
                First name is required
            </span></div>

Ответ №1:

Используйте нижеприведенный плунжер для проверки

Плунжер

 Use Bootstrap showerrors directive