ValidityState.stepMismatch
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.
stepMismatch
は ValidityState
オブジェクトの読み取り専用プロパティで、 <input>
の値がユーザーに変更された後、その要素の step
属性に設定された制約に適合しないことを示します。
フィールドが数値の性質を持つ場合、例えば date, month, week, time, datetime-local, number, range の何れかの型であり、 step の値が any
ではなく、値が step
と min
の値に設定された制約に適合しない場合に、 stepMismatch
が true になります。フォームコントロールの値から min
の値を引き、 step
値 (省略時は既定で 1) がゼロでない場合、一致しないと言えます。
次のようになっていたとします。
html
<input type="number" min="20" max="40" step="2" />
(value - min) % 2 != 0
であれば、 stepMismatch
は true になります。
true
の場合、その要素は CSS の :invalid
および :out-of-range
擬似クラスに一致します。
仕様書
Specification |
---|
HTML Standard # dom-validitystate-stepmismatch |
ブラウザーの互換性
BCD tables only load in the browser