How to validate the min and max values when typing?
We can validate min and max values when typing by using onCreate event of NumericTextbox and normal keydown event. In keydown we have used a Timeout function where we can specify the time in milliseconds after which the validation automatically takes place inside the NumericTextbox. Inside the Timeout function the method to validate min max values is written. We need not focus out of the NumericTextbox for validation to begin using this function.
[Script]
function onCreate(args) { var proxy = this; $(this.element).keydown(function (e) { this._timeOut = setTimeout(function () { var data = ej.parseFloat(proxy.element.val(),proxy.model.locale); if ((data < proxy.model.minValue) && !proxy.model.enableStrictMode) {
proxy._textBox.value = proxy.model.minValue; proxy.option("value", proxy.model.minValue); } else if ((data > proxy.model.maxValue) && !proxy.model.enableStrictMode) { proxy._textBox.value = proxy.model.maxValue; proxy.option("value", proxy.model.maxValue); } }, 500); }); } |
Sample Link : https://ej2.syncfusion.com/demos/#/bootstrap5/numerictextbox/default.html