Form Validation

Bootstrap

Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback. Background icons for <select>s are only available with .form-select, and not .form-control.

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.
Tooltips

If your form layout allows it, you can swap the .{valid|invalid}-feedback classes for .{valid|invalid}-tooltip classes to display validation feedback in a styled tooltip. Be sure to have a parent with position: relative on it for tooltip positioning. In the example below, our column classes have this already, but your project may require an alternative setup.

Looks good!
Please enter first name.
Looks good!
Please enter last name.
@
Please choose a unique and valid username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Validation type

Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.

Range validation

Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.

© Uplon - By Coderthemes
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Layout Mode
Buy Now