The NumericTextBox supports a native KendoVue implementation ofHTML5 form validation.
The forms supports enables you to validate input values and prevent the submission of forms which are in an invalid state.
The NumericTextBox supports props for setting basic validation requirements—for example, the minimum and maximum value. Themin,max, andrequired properties enable the user to pre-define minimum requirements which define the validity state of the component and allow a successful form submission.
You can implement custom error messages which will be displayed when the NumericTextBox is in an invalid state and the user tries to submit the form. To render a custom validation message, set thevalidation-message prop.
The NumericTextBox enables you to set its validity state by utilizing its 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 thevalid prop.
By default, to achieve a visual representation of its invalid state, the NumericTextBox applies thek-invalid class name to the wrapping component. To disable the utilization ofk-invalid, set thevalidityStyles property tofalse.