`validity`

validity-message

The "required" rule is used with a validity-label configured to display the validity-message-<rule> value. Input validation is triggered by the "blur" validity-event, and form validation is triggered when it's submitted via an ng-submit. The style option is configured for Bootstrap 3.

validity-message (multiple)

The "required" rule and "email" rule are used with a validity-label configured to display the validity-message-<rule> value. Input validation is triggered by the "blur" validity-event, and form validation is triggered when it's submitted via an ng-submit. The style option is configured for Bootstrap 3.

validity-target

This example, while implausible, illustrates how the validity-target can exist anywhere in the DOM. It does not have to be on the form, or within the ng-controller.

The "required" rule is used with a validity-label configured to display the validity-message-<rule> value, while the custom "password" rule is used with a validity-target-<rule> configured to display an element when invalid. Input validation is triggered by the "blur" validity-event, and form validation is triggered when it's submitted via an ng-submit.The style option is configured for Bootstrap 3.

`validity-toggle`

The "required" rule is used with a validity-toggle configured to toggle the visibility of a div. Input validation is triggered by the "blur" validity-event, and form validation is triggered when it's submitted via an ng-submit. The style option is configured for Bootstrap 3.