Custom styles

For custom Bootstrap form validation messages, you’ll need to add the novalidate boolean attribute to your <form>. This disables the browser default feedback tooltips, but still provides access to the form validation APIs in JavaScript. Try to submit the form below; our JavaScript will intercept the submit button and relay feedback to you. When attempting to submit, you’ll see the :invalid and :valid styles applied to your form controls.

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.

jQuery Validation

This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. For more usaage information, please refer to jQuery Validation

<!-- page js -->
<script src="assets/vendors/jquery-validation/jquery.validate.min.js"></script>