teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問HTMLでログイン画面を作っているのですが、ログインに失敗してしまいます。コンソールにエラーメッセージを表示させたいです。

編集履歴

質問編集履歴

16

ログイン失敗の場合の処理を加えました。

2016/02/24 10:22

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -68,9 +68,9 @@
68
68
 
69
69
  //mBaaSの初期化
70
70
 
71
- var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c000000657";
71
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf20000";
72
-
72
+
73
- var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177000000";
73
+ var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
74
74
 
75
75
  var ncmb = new NCMB(application_key, client_key);
76
76
 
@@ -104,7 +104,33 @@
104
104
 
105
105
  // エラー処理
106
106
 
107
+ var user = new ncmb.User({
108
+
109
+ userName: username,
110
+
111
+ password: password
112
+
113
+ });
114
+
115
+ //新規登録
116
+
117
+ user.signUpByAccount()
118
+
119
+ .then(function() {
120
+
121
+ //ログイン
122
+
123
+ ncmb.User.login("username", "password")
124
+
125
+ .then(function(data) {
126
+
127
+ // ログイン成功
128
+
107
- alert("ログイン失敗");
129
+ alert("新規登録&ログイン成功");
130
+
131
+ });
132
+
133
+ });
108
134
 
109
135
  });
110
136
 

15

ログインに失敗してしまう。

2016/02/24 10:22

投稿

Tan3
Tan3

スコア39

test CHANGED
@@ -1 +1 @@
1
- HTMLでログイン画面を作っているのですが、alertが動作しません。コンソールにエラーメッセージを表示させたい。
1
+ HTMLでログイン画面を作っているのですが、ログインに失敗してしまいます。コンソールにエラーメッセージを表示させたいです。
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ログイン画面を作るところでつまずいています。
4
4
 
5
- 「Register/login」を押しても何も表示されません・・
5
+ ログインに失敗というアラートがでてしまいます。
6
6
 
7
7
  アプリを作るのは初めてなので右も左もわかりません。
8
8
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  ---
20
20
 
21
- 0. ログイン画面はできたのですが、アラートが機能していない。
21
+ 0. ログイン画面はできたのですが、ログインに失敗してしまう。
22
22
 
23
23
  2.コンソールにエラーメッセージを表示させたい。
24
24
 
@@ -68,9 +68,9 @@
68
68
 
69
69
  //mBaaSの初期化
70
70
 
71
- var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf20000";
71
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c000000657";
72
72
 
73
- var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
73
+ var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177000000";
74
74
 
75
75
  var ncmb = new NCMB(application_key, client_key);
76
76
 
@@ -104,9 +104,9 @@
104
104
 
105
105
  // エラー処理
106
106
 
107
- });
107
+ alert("ログイン失敗");
108
108
 
109
- return false;
109
+ });
110
110
 
111
111
  });
112
112
 
@@ -172,6 +172,8 @@
172
172
 
173
173
 
174
174
 
175
+
176
+
175
177
  ```
176
178
 
177
179
  ![コンソール](5983f20c912454a41e76d25c0f5692a6.png)

14

passwordの箇所を修正

2016/02/24 09:55

投稿

Tan3
Tan3

スコア39

test CHANGED
@@ -1 +1 @@
1
- HTMLでログイン画面を作っているのですが、alertが動作しません。
1
+ HTMLでログイン画面を作っているのですが、alertが動作しません。コンソールにエラーメッセージを表示させたい。
test CHANGED
@@ -20,9 +20,9 @@
20
20
 
21
21
  0. ログイン画面はできたのですが、アラートが機能していない。
22
22
 
23
- 2.コンソールに何も表示されない
23
+ 2.コンソールにエラーメッセージを表示させたい。
24
24
 
25
- エラーがどこで発生しているのかわからない
25
+ console.error("表示テスト");は何行目に入れたらよろしいでしょうか？
26
26
 
27
27
 
28
28
 
@@ -40,9 +40,7 @@
40
40
 
41
41
 
42
42
 
43
- ```
44
-
45
- <!DOCTYPE HTML>
43
+ ```<!DOCTYPE HTML>
46
44
 
47
45
  <html>
48
46
 
@@ -70,11 +68,13 @@
70
68
 
71
69
  //mBaaSの初期化
72
70
 
73
- var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf22000";
71
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf20000";
74
72
 
75
73
  var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
76
74
 
77
75
  var ncmb = new NCMB(application_key, client_key);
76
+
77
+
78
78
 
79
79
  //ログイン・新規処理
80
80
 
@@ -104,15 +104,13 @@
104
104
 
105
105
  // エラー処理
106
106
 
107
- alert("ログイン失敗");
107
+ });
108
108
 
109
- });
109
+ return false;
110
110
 
111
- })
111
+ });
112
112
 
113
-
113
+ });
114
-
115
-
116
114
 
117
115
  </script>
118
116
 
@@ -162,7 +160,7 @@
162
160
 
163
161
  <input type="text" id="username" placeholder="User name" />
164
162
 
165
- <input type="password" id="pasword" placeholder="Password" />
163
+ <input type="password" id="password" placeholder="Password" />
166
164
 
167
165
  <input type="submit" value="Register/Login" />
168
166
 
@@ -174,10 +172,6 @@
174
172
 
175
173
 
176
174
 
177
-
178
-
179
-
180
-
181
175
  ```
182
176
 
183
177
  ![コンソール](5983f20c912454a41e76d25c0f5692a6.png)

13

シンプルにしました。

2016/02/24 09:39

投稿

Tan3
Tan3

スコア39

test CHANGED
@@ -1 +1 @@
1
- HTMLでゲームを作っているのですが、ログイン画面が動作しません。
1
+ HTMLでログイン画面を作っているのですが、alertが動作しません。
test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  ---
20
20
 
21
- 0. ログイン画面はできたのですが、入力しても反応がない。
21
+ 0. ログイン画面はできたのですが、アラートが機能していない。
22
22
 
23
23
  2.コンソールに何も表示されない
24
24
 
@@ -70,7 +70,7 @@
70
70
 
71
71
  //mBaaSの初期化
72
72
 
73
- var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c400000000";
73
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf22000";
74
74
 
75
75
  var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
76
76
 
@@ -86,57 +86,31 @@
86
86
 
87
87
 
88
88
 
89
- //ログイン
89
+
90
90
 
91
- ncmb.User.login(username, password)
91
+ // ユーザー名とパスワードでログイン
92
92
 
93
- .then(function() {
93
+ ncmb.User.login("username", "password")
94
94
 
95
+ .then(function(data) {
96
+
95
- //ログイン成功
97
+ // ログイン後処理
96
98
 
97
99
  alert("ログイン成功");
98
100
 
99
101
  })
100
102
 
101
- .catch(function() {
103
+ .catch(function(err) {
102
104
 
103
- //ログイン失敗
105
+ // エラー処理
104
106
 
105
- var user = new ncmb.User({
107
+ alert("ログイン失敗");
106
-
107
- userName: username,
108
-
109
- password: password
110
108
 
111
109
  });
112
110
 
113
- //新規登録
111
+ })
114
112
 
115
- user.signUpByAccount()
116
113
 
117
- .then(function() {
118
-
119
- //ログイン
120
-
121
- ncmb.User.login(username, password)
122
-
123
- .then(function() {
124
-
125
- //ログイン成功
126
-
127
- alert("新規登録＆ログイン成功");
128
-
129
- })
130
-
131
- });
132
-
133
- })
134
-
135
- return false;
136
-
137
- });
138
-
139
- });
140
114
 
141
115
 
142
116
 
@@ -202,6 +176,8 @@
202
176
 
203
177
 
204
178
 
179
+
180
+
205
181
  ```
206
182
 
207
183
  ![コンソール](5983f20c912454a41e76d25c0f5692a6.png)

12

タグつけました。

2016/02/24 08:55

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
File without changes

11

19行目スペース挿入

2016/02/24 04:12

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -70,7 +70,7 @@
70
70
 
71
71
  //mBaaSの初期化
72
72
 
73
- var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf0000";
73
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c400000000";
74
74
 
75
75
  var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
76
76
 
@@ -78,7 +78,7 @@
78
78
 
79
79
  //ログイン・新規処理
80
80
 
81
- $("form").on("submit",function() {
81
+ $("form").on("submit", function() {
82
82
 
83
83
  var username = $("#username").val();
84
84
 
@@ -130,6 +130,8 @@
130
130
 
131
131
  });
132
132
 
133
+ })
134
+
133
135
  return false;
134
136
 
135
137
  });
@@ -198,6 +200,8 @@
198
200
 
199
201
 
200
202
 
203
+
204
+
201
205
  ```
202
206
 
203
207
  ![コンソール](5983f20c912454a41e76d25c0f5692a6.png)

10

誤字

2016/02/24 04:09

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  0. ログイン画面はできたのですが、入力しても反応がない。
22
22
 
23
- 0.コンソールに何も表示されない
23
+ 2.コンソールに何も表示されない
24
24
 
25
25
  エラーがどこで発生しているのかわからない
26
26
 

9

コンソールについて追加

2016/02/24 03:57

投稿

Tan3
Tan3

スコア39

test CHANGED
@@ -1 +1 @@
1
- HTMLでゲームを作っているのですが、ログイン画面が出ません。
1
+ HTMLでゲームを作っているのですが、ログイン画面が動作しません。
test CHANGED
@@ -18,7 +18,13 @@
18
18
 
19
19
  ---
20
20
 
21
- ログイン画面はできたのですが、入力しても反応がない。
21
+ 0. ログイン画面はできたのですが、入力しても反応がない。
22
+
23
+ 0.コンソールに何も表示されない
24
+
25
+ エラーがどこで発生しているのかわからない
26
+
27
+
22
28
 
23
29
 
24
30
 

8

User\.loginの所を修正

2016/02/24 03:56

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -64,9 +64,9 @@
64
64
 
65
65
  //mBaaSの初期化
66
66
 
67
- var application_key = "e8b3ac5d3414dd680a8255826bf5befd9777f0332ebc20d8a763fec086433333";
67
+ var application_key = "0c266079f782bc9dcd58139798337ba17ea41f09077ae93f621541c4ccf0000";
68
68
 
69
- var client_key = "f9ce2c9cde82a4d8044959e4ac47088bcd69e16d2e9fc4cfca776817426b3333";
69
+ var client_key = "c6937216c6a4aecfc9a066e42a746bb58520133c9f0a79e5e1e7949177be0000";
70
70
 
71
71
  var ncmb = new NCMB(application_key, client_key);
72
72
 
@@ -82,7 +82,7 @@
82
82
 
83
83
  //ログイン
84
84
 
85
- ncmb.User,login(username, password)
85
+ ncmb.User.login(username, password)
86
86
 
87
87
  .then(function() {
88
88
 
@@ -104,25 +104,25 @@
104
104
 
105
105
  });
106
106
 
107
- //新規登録
107
+ //新規登録
108
108
 
109
- user.signUpByAccount()
109
+ user.signUpByAccount()
110
110
 
111
- .then(function() {
111
+ .then(function() {
112
112
 
113
113
  //ログイン
114
114
 
115
- ncmb.User,login(username, password)
115
+ ncmb.User.login(username, password)
116
116
 
117
- .then(funtion() {
117
+ .then(function() {
118
118
 
119
- //ログイン成功
119
+ //ログイン成功
120
120
 
121
- alert("新規登録＆ログイン成功");
121
+ alert("新規登録＆ログイン成功");
122
122
 
123
- })
123
+ })
124
124
 
125
- });
125
+ });
126
126
 
127
127
  return false;
128
128
 

7

コンソールが・・・

2016/02/24 03:43

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -194,6 +194,4 @@
194
194
 
195
195
  ```
196
196
 
197
-
198
-
199
- ![ログイン画面](540331b0ff4cee0bc13603a3cc113207.png)
197
+ ![コンソール](5983f20c912454a41e76d25c0f5692a6.png)

6

書式

2016/02/24 03:31

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -193,3 +193,7 @@
193
193
 
194
194
 
195
195
  ```
196
+
197
+
198
+
199
+ ![ログイン画面](540331b0ff4cee0bc13603a3cc113207.png)

5

書式

2016/02/24 03:21

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -22,9 +22,11 @@
22
22
 
23
23
 
24
24
 
25
- **環境**
25
+ **問題の発生している環境**
26
26
 
27
27
  ---
28
+
29
+ HTML5
28
30
 
29
31
  iMac(10.11.2)
30
32
 

4

書式

2016/02/24 03:20

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,3 @@
1
- こんにちは。単三と申します。よろしくお願いいたします。
2
-
3
-
4
-
5
1
  youtubeの[チュートリアル](https://www.youtube.com/playlist?list=PLSNY40p4warnBncJBdRQsogxA8dhRa06y)を参考にワンタップゲームを作っています。
6
2
 
7
3
  ログイン画面を作るところでつまずいています。
@@ -15,6 +11,24 @@
15
11
 
16
12
 
17
13
  （アプリキーとクライアントキーは偽です。）
14
+
15
+
16
+
17
+ **発生している問題**
18
+
19
+ ---
20
+
21
+ ログイン画面はできたのですが、入力しても反応がない。
22
+
23
+
24
+
25
+ **環境**
26
+
27
+ ---
28
+
29
+ iMac(10.11.2)
30
+
31
+ Chrome(48.0.2564.116 (64-bit))
18
32
 
19
33
 
20
34
 

3

誤字

2016/02/24 03:19

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- youtubeのチュートリアル[https://www.youtube.com/playlist?list=PLSNY40p4warnBncJBdRQsogxA8dhRa06y]を参考にワンタップゲームを作っています。
5
+ youtubeの[チュートリアル](https://www.youtube.com/playlist?list=PLSNY40p4warnBncJBdRQsogxA8dhRa06y)を参考にワンタップゲームを作っています。
6
6
 
7
7
  ログイン画面を作るところでつまずいています。
8
8
 
9
- 「Register/login」を押しても何も表示されません・・・
9
+ 「Register/login」を押しても何も表示されません・・
10
-
11
-
12
10
 
13
11
  アプリを作るのは初めてなので右も左もわかりません。
14
12
 

2

アプリキーの修正

2016/02/24 03:10

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- youtubeのチュートリアル[リンクテキスト](https://www.youtube.com/playlist?list=PLSNY40p4warnBncJBdRQsogxA8dhRa06y)を参考にワンタップゲームを作っています。
5
+ youtubeのチュートリアル[https://www.youtube.com/playlist?list=PLSNY40p4warnBncJBdRQsogxA8dhRa06y]を参考にワンタップゲームを作っています。
6
6
 
7
7
  ログイン画面を作るところでつまずいています。
8
8
 
@@ -15,6 +15,8 @@
15
15
  ご教授お願いいたします。
16
16
 
17
17
 
18
+
19
+ （アプリキーとクライアントキーは偽です。）
18
20
 
19
21
 
20
22
 

1

誤字修正

2016/02/24 03:03

投稿

Tan3
Tan3

スコア39

test CHANGED
File without changes
test CHANGED
@@ -48,9 +48,9 @@
48
48
 
49
49
  //mBaaSの初期化
50
50
 
51
- var application_key = "e8b3ac5d3414dd680a8255826bf5befd9777f0332ebc20d8a763fec086433139";
51
+ var application_key = "e8b3ac5d3414dd680a8255826bf5befd9777f0332ebc20d8a763fec086433333";
52
52
 
53
- var client_key = "f9ce2c9cde82a4d8044959e4ac47088bcd69e16d2e9fc4cfca776817426b6d6f";
53
+ var client_key = "f9ce2c9cde82a4d8044959e4ac47088bcd69e16d2e9fc4cfca776817426b3333";
54
54
 
55
55
  var ncmb = new NCMB(application_key, client_key);
56
56