Milestone 30%
Release 60%

Form Validation

  1. Home
  2. Forms
  3. Validation

Validation Styles

Avalon includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-success to the parent element. Any .control-label, .form-control, and .help-block within that element will receive the validation styles

(success)
(warning)
(error)

Standard Mode

Summary Mode

Errors list below:

    Full Example Basic validation will display a label with the error after the form control.

    Constraints

    Basic Constraints

    Type