ValidityState.rangeUnderflow

Baseline 2023

Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

rangeUnderflowValidityState オブジェクトの読み取り専用プロパティで、 <input> の値がユーザーに変更された後、その要素の min 属性に設定された制約に適合しないことを示します。

フィールドが数値の性質を持つ場合、例えば date, month, week, time, datetime-local, number, range の何れかの型であり、 min が設定されており、値が min の値に設定された制約に適合しない場合、 rangeUnderflow プロパティが true になります。

次のようになっていたとします。

html
<input type="number" min="20" max="40" step="2" />

value < 20 であれば、 rangeUnderflow は true になります。 true の場合、その要素は CSS の :invalid および :out-of-range 擬似クラスに一致します。

仕様書

Specification
HTML Standard
# dom-validitystate-rangeunderflow

ブラウザーの互換性

BCD tables only load in the browser

関連情報