Hello,
I'm building a form where a field may become optional depending on a check box. I've set some validator on the field, but if I check the checkbox, the validators remain active on the field. Is there a way to dynamically attribute validators to a field ?
I try to disable the field, but even with the field beeing disabled, the validators are still working.
Rank 1
Iron
Iron
1 Answer, 1 is accepted
Hello,
For the dynamic validation you can use the approach demonstrated in the following example:
You will noticed that once the checkbox (or your custom condition) is changed to make the field optional, we need to trigger the validation once more using the onChange method.
As for disabling the input, due to the way that the Form is implemented, once the value is added within the "values" object, it will be submitted. With that in mind, once you disable the field dynamically, you can delete the value from the "values":
delete this.kendoForm.values["email"];
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 1
Iron
Iron
Rank 1
Iron
Iron
Almost helps :)
I just have an issue as my validators are in a separate js file. A bit like https://www.telerik.com/kendo-vue-ui/components/form/custom-components/#toc-setting-custom-behavior
I'm trying to pass the value of the checkbox to the validator, but can't find a way to make it work to pass the actual value of the field. I end up with
Do you have a hint on how to resolve this ?
Hi,
You will have to modify the logic and the validator in a way that you can pass the additional value (of the checkbox) to the validator.
I have modified the example, so it can use an external validator: