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


Standard Mode

Summary Mode

Errors list below:

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


    Basic Constraints