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