For custom CoreUI form validation messages, you'll need to add the
noValidate boolean property to your
:valid styles applied to your form controls.
Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback.
We recommend using client-side validation, but in case you require server-side validation, you can indicate invalid and valid form fields with
valid boolean properties.
For invalid fields, ensure that the invalid feedback/error message is associated with the relevant form field using
aria-describedby (noting that this attribute allows more than one
id to be referenced, in case the field already points to additional form text).
Validation styles are available for the following form controls and components:
If your form layout allows it, you can swap the text for the tooltip 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.