Form Validation

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

Infobar

  • Total Revenue

    $241,750 +13.6%

  • Products Sold

    11,562 +19.2%

  • Total Orders

    1,249 -10.5%

Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors
Sidebar Colors
Boxed Layout Options