Forms Support
The DropDownList supports a native KendoVue implementation of HTML5 form validation.
The forms supports enables you to validate input values and prevent the submission of forms which are in an invalid state.
Functionality and Features
- Settings minimum validation requirements
- Setting custom validation messages
- Overriding the validity state
- Disabling the visual representation of the validity state
Setting Validation Requirements
The DropDownList supports props for setting basic validation requirements. The required
property enables the user to pre-define a selection that is required for a successful form submission.
Setting Custom Validation Messages
You can implement custom error messages which will be displayed when the DropDownList is in an invalid state and the user tries to submit the form. To render a custom validation message, set the validation-message
prop.
Enforcing the Validity State
The DropDownList enables you to set its validity state by utilizing its exposed props. Setting the validity state allows for the implementation of complex validation scenarios that are based on multiple sources. To override the current validity state and apply the corresponding styles, use the valid
prop.
Disabling the Validation Styling
By default, to achieve a visual representation of its invalid state, the DropDownList applies the k-invalid
class name to the wrapping component. To disable the utilization of k-invalid
, set the validity-styles
property to false
.