teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

別解

2022/06/14 23:35

投稿

int32_t
int32_t

スコア21933

answer CHANGED
@@ -1,3 +1,6 @@
1
1
  Google Chrome の実装は、そういうものです。
2
2
  入力の制限はされませんが、`:invalid` セレクタや [`input.validity.valid`](https://developer.mozilla.org/ja/docs/Web/API/ValidityState) などには反映されますし、フォームを送信しようとするとエラーが表示されます。
3
3
 
4
+ `input`イベントや`change`イベントを監視して範囲外の値だったら範囲内にセットし直すという手もあります。
5
+
6
+

1

.

2022/06/14 08:57

投稿

int32_t
int32_t

スコア21933

answer CHANGED
@@ -1,3 +1,3 @@
1
1
  Google Chrome の実装は、そういうものです。
2
- 入力の制限はされませんが、`;invalid` セレクタや `input.validity.valid` などには反映されますし、フォームを送信しようとするとエラーが表示されます。
2
+ 入力の制限はされませんが、`:invalid` セレクタや [`input.validity.valid`](https://developer.mozilla.org/ja/docs/Web/API/ValidityState) などには反映されますし、フォームを送信しようとするとエラーが表示されます。
3
3