ValidityState.stepMismatch

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

フィールドが数値の性質を持つ場合、例えば date, month, week, time, datetime-local, number, range の何れかの型であり、 step の値が any ではなく、値が step と min の値に設定された制約に適合しない場合に、 stepMismatch が true になります。フォームコントロールの値から min の値を引き、 step 値 (省略時は既定で 1) がゼロでない場合、一致しないと言えます。

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

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

(value - min) % 2 != 0 であれば、 stepMismatch は true になります。

true の場合、その要素は CSS の :invalid および :out-of-range 擬似クラスに一致します。