AngularJS Form

  • userForm.$pristine: {{userForm.$pristine}}
  • userForm.$dirty: {{userForm.$dirty}}
  • userForm.$valid: {{userForm.$valid}}
  • userForm.$invalid: {{userForm.$invalid}}
  • userForm.$error: {{userForm.$error}}

Name is required.

  • userForm.name.$pristine: {{userForm.name.$pristine}}
  • userForm.name.$dirty: {{userForm.name.$dirty}}
  • userForm.name.$valid: {{userForm.name.$valid}}
  • userForm.name.$invalid: {{userForm.name.$invalid}}
  • userForm.name.$error: {{userForm.name.$error}}

Username is too short.

Username is too long.

  • userForm.username.$pristine: {{userForm.username.$pristine}}
  • userForm.username.$dirty: {{userForm.username.$dirty}}
  • userForm.username.$valid: {{userForm.username.$valid}}
  • userForm.username.$invalid: {{userForm.username.$invalid}}
  • userForm.username.$error: {{userForm.username.$error}}

Enter a valid email.

  • userForm.email.$pristine: {{userForm.email.$pristine}}
  • userForm.email.$dirty: {{userForm.email.$dirty}}
  • userForm.email.$valid: {{userForm.email.$valid}}
  • userForm.email.$invalid: {{userForm.email.$invalid}}
  • userForm.email.$error: {{userForm.email.$error}}

Validation States

$pristine

{{userForm.$pristine}} true if the user has not interacted with the form yet (focus/blur are ignored)

$dirty

{{userForm.$dirty}} true if the user has already interacted with the form (focus/blur are ignored)

$valid

{{userForm.$valid}} true if all form controls or elements are valid

$invalid

{{userForm.$invalid}} true if at least one containing control or elements is invalid

$error

An object hash which containing references to all invalid controls or elements