質問編集履歴

5

コード訂正

2019/06/17 05:31

投稿

jiro-sima
jiro-sima

スコア20

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  ```javascript
18
18
 
19
- function check()
19
+ function check() {
20
20
 
21
21
  var rs = true;
22
22
 

4

質問の追記

2019/06/17 05:31

投稿

jiro-sima
jiro-sima

スコア20

test CHANGED
File without changes
test CHANGED
@@ -55,3 +55,7 @@
55
55
  ```
56
56
 
57
57
  最後にreturnしてもonsubmitがキャンセルされません
58
+
59
+
60
+
61
+ なお、[javascript エラー内容一括表示](https://teratail.com/questions/67087)を参考にしました

3

タイトルと質問内容の修正

2019/06/17 05:29

投稿

jiro-sima
jiro-sima

スコア20

test CHANGED
@@ -1 +1 @@
1
- JavaScriptで入力チェックのエラーまとめて表示
1
+ onsubmitを中断したい
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  パスワード :<input type="password" name="password" id="password">
12
12
 
13
- ```登録フォームのエラーをまとめて表示する記述についてお尋ねします
13
+ ```
14
14
 
15
15
  現在以下のようにして入力チェックとエラーメッセージの設定を行っています
16
16
 
@@ -53,3 +53,5 @@
53
53
  }
54
54
 
55
55
  ```
56
+
57
+ 最後にreturnしてもonsubmitがキャンセルされません

2

HTMLの追記

2019/06/17 05:27

投稿

jiro-sima
jiro-sima

スコア20

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,16 @@
1
+ ```html
2
+
3
+ <form action="/babel/RegistraionPro" method="post" name="form" onsubmit="return check();">
4
+
5
+ <p id="error">
6
+
7
+ </p>
8
+
9
+ ニックネーム :<input type="text" name="nickname" id="nickname">
10
+
11
+ パスワード :<input type="password" name="password" id="password">
12
+
1
- 登録フォームのエラーをまとめて表示する記述についてお尋ねします
13
+ ```登録フォームのエラーをまとめて表示する記述についてお尋ねします
2
14
 
3
15
  現在以下のようにして入力チェックとエラーメッセージの設定を行っています
4
16
 

1

誤記の修正

2019/06/17 05:14

投稿

jiro-sima
jiro-sima

スコア20

test CHANGED
File without changes
test CHANGED
@@ -4,14 +4,40 @@
4
4
 
5
5
  ```javascript
6
6
 
7
- function check() {
7
+ function check()
8
8
 
9
- var rs = true;
9
+ var rs = true;
10
10
 
11
- var errorMsg = [];
11
+ var errorMsg = [];
12
12
 
13
13
 
14
14
 
15
+ if(document.getElementById("nickname").value == "") {
15
16
 
17
+ errorMsg.push("ニックネームを入力してください");
18
+
19
+ rs = false;
20
+
21
+ }
22
+
23
+ if(document.getElementById("password").value =="") {
24
+
25
+ errorMsg.push("パスワードを入力してください");
26
+
27
+ rs = false;
28
+
29
+ }
30
+
31
+ if(errorMsg.length > 0) {
32
+
33
+ document.getElementById("error").textContent = errorMsg.join('\n');
34
+
35
+ rs = false;
36
+
37
+ }
38
+
39
+ return rs;
40
+
41
+ }
16
42
 
17
43
  ```