Save $100 with our Black Friday deals!

Get $100 OFF with promo code BLACKFRIDAY2024 at checkout until November 30.

See Pricing

Still using Radzen Studio?
Achieve more with Radzen Blazor Studio

Radzen Blazor Studio is our new flagship product and vision of how rapid Blazor application development should be done.

Go to Radzen Blazor Studio

NumericRangeValidator (Angular)

This guide demonstrates how to use the NumericRangeValidator component.

The NumericRangeValidator will show its Text property unless the value of its Component is within the specified range.

NumericRangeValidator Properties

Name Type Default Description
Name string ‘numericRangeValidator’ + index suffix Unique name of NumericRangeValidator.
Text string ‘Not in the valid range’ The text that the validator will display.
Min number/expression   The minimum number value.
Max number/expression   The maximum number value.
Component string null The Name of a input component.
Visible boolean/expression true Is the NumericRangeValidator visible.

Usage

The NumericRangeValidator is used to verify that value of an Numeric component is within the specified range. You can specify Min, Max or both.

  1. Drag and drop a NumericRangeValidator from the Radzen toolbox.
  2. Set its Component property via the dropdown.
  3. Set the Min and or Max property.