Validation
Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default
behaviors or custom styles and JavaScript.
Basic example
For custom 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.