質問編集履歴
1
問題の説明をより詳細に変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
スマホ
|
|
1
|
+
スマホ表示でラジオボタンのrequiredが機能しない
|
body
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
|
-
縦に長いスマホ用Form
|
|
2
|
+
縦に長いスマホ用Formで、無記入箇所がある場合にsubmitを押したらエラー箇所に戻るようにしたいです。
|
|
3
3
|
|
|
4
|
-
### 発生している問題
|
|
4
|
+
### 発生している問題
|
|
5
|
-
html5のrequiredで必須入力を指定しています。
|
|
5
|
+
html5のrequiredでFormの必須入力を指定しています。
|
|
6
|
-
|
|
6
|
+
通常、requiredを記載したらsubmitで最初のエラー箇所を表示するようですが、今回ラジオボタンのところだけ効きません。
|
|
7
|
+
下記ソースコードで、textが無記入の場合は正常にエラー箇所が表示されますが、radioの選択肢を選択していない場合は送信ボタンの場所から動きませんでした。
|
|
7
|
-
エラー時のハイライト
|
|
8
|
+
自力で戻ると、エラー時のハイライトが出ていたので反応はしているようです。
|
|
8
|
-
textのときのようにエラー箇所に飛んでくれません。
|
|
9
9
|
|
|
10
10
|
### 該当のソースコード
|
|
11
11
|
```html
|
|
@@ -41,4 +41,4 @@
|
|
|
41
41
|
iPhoneX Safari/Chorome で検証
|
|
42
42
|
labelの位置を変えたり削除してみましたが変わりませんでした。
|
|
43
43
|
|
|
44
|
-
解決方法
|
|
44
|
+
原因が分からないため、解決方法を教えてほしいです。
|