Numeric Textbox / Range Validation

Blazor Numeric TextBox - Range Validation

Loading Syncfusion Blazor Server Demos…

Numeric value

Properties

Set minimum value

Set maximum value

Set increment step

This example demonstrates the range validation functionalities of the Numeric TextBox. Change the Min, Max, and Step values and click the apply button to update the property values in the Numeric TextBox.

The Numeric TextBox has options to restrict the input value between a specific range using the Min, Max, and StrictMode properties.

StrictMode Behavior:

When StrictMode is enabled, the value will automatically change within the specified range when out-of-range values are entered.
When StrictMode is disabled, the Numeric TextBox allows out-of-range values with the highlighted textbox to indicate the given value is invalid.

In this demo, the numeric TextBox is restricted between 10 and 100 through the Min and Max properties. You can enter only values within this range.

See also