@@include("./partials/title-meta.html", {"title": "Metrica"}) @@include('./partials/head-css.html') @@include('./partials/left-sidebar-tab.html') @@include('./partials/topbar.html')
  1. Metrica
  2. Forms
  3. Validation

Validation

Bootstrap Custom styles

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 select a valid state.
Please provide a valid zip.
You must agree before submitting.

Validation 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.

Looks good!
Looks good!
@
Please choose a unique and valid username.
Please provide a valid city.
Please select a valid state.
Please provide a valid zip.

Custom Validation Form

Custom javascript form validation library.

Error Message
Error Message
Error Message
Error Message
@@include('./partials/right-sidebar.html') @@include('./partials/footer.html')
@@include('./partials/vendorjs.html')