質問編集履歴
1
問題の説明をより詳細に変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
スマホ
|
|
1
|
+
スマホ表示でラジオボタンのrequiredが機能しない
|
test
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
縦に長いスマホ用Form
|
|
3
|
+
縦に長いスマホ用Formで、無記入箇所がある場合にsubmitを押したらエラー箇所に戻るようにしたいです。
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
### 発生している問題
|
|
7
|
+
### 発生している問題
|
|
8
8
|
|
|
9
|
-
html5のrequiredで必須入力を指定しています。
|
|
9
|
+
html5のrequiredでFormの必須入力を指定しています。
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
通常、requiredを記載したらsubmitで最初のエラー箇所を表示するようですが、今回ラジオボタンのところだけ効きません。
|
|
12
12
|
|
|
13
|
-
エラー
|
|
13
|
+
下記ソースコードで、textが無記入の場合は正常にエラー箇所が表示されますが、radioの選択肢を選択していない場合は送信ボタンの場所から動きませんでした。
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
自力で戻ると、エラー時のハイライトが出ていたので反応はしているようです。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -84,4 +84,4 @@
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
解決方法
|
|
87
|
+
原因が分からないため、解決方法を教えてほしいです。
|