Form Validation States

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

Great success!

Be careful!

Oops! Not wow.

Parsley Form Validation

The goal of web form validation is to ensure that the user provided necessary and properly formatted information needed to successfully complete an operation. With Avalon, you can have front-end, UX-aware form validation without writing a single line of code! Click Submit for the validation to take in effect.

Form Validation

Demo Settings
Header Colors
Navigation Colors
Footer Colors