Articles in this section
Category / Section

How to validate the min and max values when typing?

1 min read

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

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied