Documentation v4.0.0

Overview

Check if a number is within a specified range.

Import

import {validators} from 'metronic-extension';
const {isInRange} = validators;

Signature

isInRange(value: string | number, options: IsInRangeOptions): boolean
Parameter Type Default Description
value string | number - Value to be validated. Strings are parsed as integers.
options.min string | number - Minimum value of the range (required).
options.max string | number - Maximum value of the range (required).
Returns: booleantrue if value is within range, false otherwise.

Example

Enter a number to check if it falls within the range 1 - 10.
Range: 1 - 10
Result: true
<div class="mb-3">
  <label class="form-label">Input value</label>
  <input id="isInRangeInput" class="form-control form-control-solid" placeholder="Enter a number..." value="5">
</div>
<div>
  <span class="fw-bold">Range: 1 - 10</span>
</div>
<div class="mt-3">
  <span class="fw-bold">Result: </span>
  <span id="isInRangeResult" class="badge badge-success">true</span>
</div>
import {validators} from 'metronic-extension';
const {isInRange} = validators;

isInRange(5, {min: 1, max: 10});   // true
isInRange(11, {min: 1, max: 10});  // false