The form enables you to validate checkbox values and prevent the submission of forms which are in an invalid state.
- Support for Kendo UI for Vue Form and Setting Custom Behavior
- Setting Validation Requirements
- Setting Custom Validation Messages
- Disabling the Validation Styling
The Kendo UI for Vue Form component integrates with all Kendo UI for Vue components.
You can display error messages and fully customize the behavior of the rendered component by using the additional properties of the Field component.
The following example demonstrates how to render a required custom checkbox a terms agreement.
The Checkbox supports props for setting basic validation. For example, the
required property which prevents form submission when Checkbox is not checked.
You can implement custom error messages which will be displayed when the Checkbox is in an invalid state and the user tries to submit the form. To render a custom validation message, set the
By default, to achieve a visual representation of its invalid state, the Checkbox applies the
k-state-invalid class name to the wrapping component. To disable the utilization of
k-state-invalid, set the
validityStyles property to