質問編集履歴
2
再度、コードを修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
|
-
<!--フォーム2--
|
|
47
|
+
<!--フォーム2-->
|
|
48
48
|
|
|
49
49
|
<form action="/send">
|
|
50
50
|
|
1
コードと説明の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
###知りたいこと
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
画面内に複数ある入力フォーム（フォーム1,フォーム2）でsubmitしてエラーになったら、それぞれクリックしたフォームグループの位置でページが移動するようにしたいです。
|
|
4
4
|
|
|
5
|
-
現状は、
|
|
5
|
+
現状は、フォーム1でsubmitしたら、フォーム2のグループに移動してしまいます。
|
|
6
|
+
|
|
7
|
+
これを
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
フォーム1でsubmit→エラー→フォーム1を視認できる位置で保持
|
|
12
|
+
|
|
13
|
+
フォーム2でsubmit→エラー→フォーム2が視認できる位置で保持
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
としたいです。
|
|
6
18
|
|
|
7
19
|
|
|
8
20
|
|
|
@@ -20,19 +32,27 @@
|
|
|
20
32
|
|
|
21
33
|
```html
|
|
22
34
|
|
|
23
|
-
|
|
35
|
+
<!--フォーム1-->
|
|
36
|
+
|
|
37
|
+
<form action="/send">
|
|
24
38
|
|
|
25
39
|
<input type="tel" name="tel" class="tel" required="required"><span id="errorMessage" style="color:red;"><?=h($errorMessage)?></span>
|
|
26
40
|
|
|
27
41
|
<button type="submit" class="submitButton">ここをクリック</button>
|
|
28
42
|
|
|
43
|
+
</form>
|
|
29
44
|
|
|
30
45
|
|
|
46
|
+
|
|
31
|
-
|
|
47
|
+
<!--フォーム2--
|
|
48
|
+
|
|
49
|
+
<form action="/send">
|
|
32
50
|
|
|
33
51
|
<input type="tel" name="tel" class="tel" required="required"><span id="errorMessage" style="color:red;"><?=h($errorMessage)?></span>
|
|
34
52
|
|
|
35
53
|
<button type="submit" class="submitButton">ここをクリック</button>
|
|
54
|
+
|
|
55
|
+
</form>
|
|
36
56
|
|
|
37
57
|
|
|
38
58
|
|
|
@@ -80,7 +100,7 @@
|
|
|
80
100
|
|
|
81
101
|
|
|
82
102
|
|
|
83
|
-
$("input.tel").each(function(i){ //ここではクラスを連番で付与し、それぞれのフォームでエラーになったらそのときクリックしたフォームの位置に移動させる（
|
|
103
|
+
$("input.tel").each(function(i){ //ここではクラスを連番で付与し、それぞれのフォームでエラーになったらそのときクリックしたフォームの位置に移動させる（ここだけがうまくいかない）
|
|
84
104
|
|
|
85
105
|
var $elem = $(this);
|
|
86
106
|
|