Angular js. Валидация формы

Главная » Видеоуроки » JavaScript » Angular js. Валидация формы

В этом уроке мы рассмотрим механизм валидации форм с помощью angular. Главное преимущество использования angular при валидации форм — простота и быстрая настройка.

При настройке валидации важно сделать несколько обязательных действий. Для начала нам надо добавить атрибут name (со значением) валидируемой форме. После этого форма станет доступной внутри нашего $scope. По факту эта форма станет экземепляром встроенного контроллера formController.
Далее нам нужно добавить атрибуты name валидируемым полям. После этого они станут доступными внутри объекта формы в объекте $scope (рисунок ниже).

У полей формы есть несколько важных свойств angular, которые и используются для валидации полей форм (и форм в целом). Каждое из этих свойств может принимать значение либо true, либо false. Фрагмент кода ниже:

Используя эти свойства, мы можем провалидировать нашу форму. В примере мы будет проверять поля на обязательность их заполнения (required). Суть заключается в том, что мы просто будем проверять свойства на определенные булевы значения. Например, мы добавим кнопке директиву ng-disabled, и действовать она будет только в том случае, когда хотя бы одно из полей невалидно.

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This