質問編集履歴

3

試したことを修正

2020/04/24 01:36

投稿

Octor
Octor

スコア5

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,11 @@
26
26
 
27
27
  <input type="submit" value="送信" onclick="submitForm()">
28
28
 
29
+
30
+
29
- "submit" → "button" にしてみましたが、結果変わらず。。
31
+ <button type="submit" class="button" onclick="submitForm()">送信</button>
32
+
33
+ にしても、変わりません。
30
34
 
31
35
 
32
36
 

2

試してみたことを追加。

2020/04/24 01:36

投稿

Octor
Octor

スコア5

test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,14 @@
22
22
 
23
23
 
24
24
 
25
+ ### 試してみたこと
26
+
27
+ <input type="submit" value="送信" onclick="submitForm()">
28
+
29
+ "submit" → "button" にしてみましたが、結果変わらず。。
30
+
31
+
32
+
25
33
  ### 該当のソースコード
26
34
 
27
35
 

1

インデントを修正しました。

2020/04/22 07:20

投稿

Octor
Octor

スコア5

test CHANGED
File without changes
test CHANGED
@@ -34,254 +34,520 @@
34
34
 
35
35
  <content>
36
36
 
37
- <form name="myForm" id="●●●" action="https://docs.google.com/forms/u/1/d/[●●●]/formResponse" target="dummyIframe" method="POST">
37
+ <form name="myForm" id="●●●" action="https://docs.google.com/forms/u/1/d/[●●●]/formResponse" target="dummyIframe" method="POST">
38
-
38
+
39
- <div class="q1">
39
+ <div class="q1">
40
-
40
+
41
- <h2>日</h2>
41
+ <h2>日</h2>
42
+
42
-
43
+ <label>
44
+
43
- <label><input type="text" id="date" name="entry.●●●" placeholder="▼ 日を選択してください。"></label>
45
+ <input type="text" id="date" name="entry.●●●" placeholder="▼ 日を選択してください。">
46
+
44
-
47
+ </label>
48
+
45
- </div>
49
+ </div>
46
-
50
+
47
- <div class="q2">
51
+ <div class="q2">
48
-
52
+
49
- <h2>性別</h2>
53
+ <h2>性別</h2>
50
-
54
+
51
- <ul>
55
+ <ul>
56
+
52
-
57
+ <li>
58
+
59
+ <label>
60
+
53
- <li><label><input type="radio" name="entry.●●●" value="male" required="required">男性</label></li>
61
+ <input type="radio" name="entry.●●●" value="male" required="required">男性
54
-
55
- <li><label><input type="radio" name="entry.●●●" value="female" required="required">女性</label></li>
62
+
56
-
57
- </ul>
63
+ </label>
58
-
64
+
59
- </div>
65
+ </li>
60
-
61
- <div class="q3">
66
+
62
-
63
- <h2>年代</h2>
64
-
65
- <ul>
67
+ <li>
68
+
66
-
69
+ <label>
70
+
67
- <li><label><input type="radio" name="entry.●●●" value="20" required="required">20代</label></li>
71
+ <input type="radio" name="entry.●●●" value="female" required="required">女性
68
-
72
+
69
- <li><label><input type="radio" name="entry.●●●" value="30" required="required">30代</label></li>
73
+ </label>
70
-
74
+
71
- <li><label><input type="radio" name="entry.●●●" value="40" required="required">40代</label></li>
75
+ </li>
72
-
73
- <li><label><input type="radio" name="entry.●●●" value="50" required="required">50代</label></li>
74
-
75
- <li><label><input type="radio" name="entry.●●●" value="60" required="required">60代</label></li>
76
-
77
- <li><label><input type="radio" name="entry.●●●" value="70" required="required">70代以上</label></li>
78
76
 
79
77
  </ul>
80
78
 
81
79
  </div>
82
80
 
81
+ <div class="q3">
82
+
83
+ <h2>年代</h2>
84
+
85
+ <ul>
86
+
87
+ <li>
88
+
89
+ <label>
90
+
91
+ <input type="radio" name="entry.●●●" value="20" required="required">20代
92
+
93
+ </label>
94
+
95
+ </li>
96
+
97
+ <li>
98
+
99
+ <label>
100
+
101
+ <input type="radio" name="entry.●●●" value="30" required="required">30代
102
+
103
+ </label>
104
+
105
+ </li>
106
+
107
+ <li>
108
+
109
+ <label>
110
+
111
+ <input type="radio" name="entry.●●●" value="40" required="required">40代
112
+
113
+ </label>
114
+
115
+ </li>
116
+
117
+ <li>
118
+
119
+ <label>
120
+
121
+ <input type="radio" name="entry.●●●" value="50" required="required">50代
122
+
123
+ </label>
124
+
125
+ </li>
126
+
127
+ <li>
128
+
129
+ <label>
130
+
131
+ <input type="radio" name="entry.●●●" value="60" required="required">60代
132
+
133
+ </label>
134
+
135
+ </li>
136
+
137
+ <li>
138
+
139
+ <label>
140
+
141
+ <input type="radio" name="entry.●●●" value="70" required="required">70代以上
142
+
143
+ </label>
144
+
145
+ </li>
146
+
147
+ </ul>
148
+
149
+ </div>
150
+
83
151
  <div class="q4">
84
152
 
85
- <h2>ご質問1</h2>
86
-
87
- <p>~〜と思いますか?(一つだけ選択)</p>
88
-
89
- <ul>
90
-
91
- <li><label><input type="radio" name="entry.●●●" value="ぜひ" required="required">ぜひ</label></li>
92
-
93
- <li><label><input type="radio" name="entry.●●●" value="相談されたら" required="required">相談されたら</label></li>
94
-
95
- <li><label><input type="radio" name="entry.●●●" value="どちらでもない" required="required">どちらでもない</label></li>
96
-
97
- <li><label><input type="radio" name="entry.●●●" value="あまり" required="required">あまり</label></li>
98
-
99
- <li><label><input type="radio" name="entry.●●●" value="絶対に" required="required">絶対に</label></li>
100
-
101
- </ul>
153
+ <h2>ご質問1</h2>
154
+
155
+ <p>~〜と思いますか?(一つだけ選択)</p>
156
+
157
+ <ul>
158
+
159
+ <li>
160
+
161
+ <label>
162
+
163
+ <input type="radio" name="entry.●●●" value="ぜひ" required="required">ぜひ
164
+
165
+ </label>
166
+
167
+ </li>
168
+
169
+ <li>
170
+
171
+ <label>
172
+
173
+ <input type="radio" name="entry.●●●" value="相談されたら" required="required">相談されたら
174
+
175
+ </label>
176
+
177
+ </li>
178
+
179
+ <li>
180
+
181
+ <label>
182
+
183
+ <input type="radio" name="entry.●●●" value="どちらでもない" required="required">どちらでもない
184
+
185
+ </label>
186
+
187
+ </li>
188
+
189
+ <li>
190
+
191
+ <label>
192
+
193
+ <input type="radio" name="entry.●●●" value="あまり" required="required">あまり
194
+
195
+ </label>
196
+
197
+ </li>
198
+
199
+ <li>
200
+
201
+ <label>
202
+
203
+ <input type="radio" name="entry.●●●" value="絶対に" required="required">絶対に
204
+
205
+ </label>
206
+
207
+ </li>
208
+
209
+ </ul>
210
+
211
+ </div>
212
+
213
+ <div class="q5">
214
+
215
+ <h2>ご質問2</h2>
216
+
217
+ <p>〜いましたか?(一つだけ選択)</p>
218
+
219
+ <ul>
220
+
221
+ <li>
222
+
223
+ <label>
224
+
225
+ <input type="radio" name="entry.●●●" value="とても綺麗だった" required="required">とても綺麗だった
226
+
227
+ </label>
228
+
229
+ </li>
230
+
231
+ <li>
232
+
233
+ <label>
234
+
235
+ <input type="radio" name="entry.●●●" value="まあまあ綺麗だった" required="required">まあまあ綺麗だった
236
+
237
+ </label>
238
+
239
+ </li>
240
+
241
+ <li>
242
+
243
+ <label>
244
+
245
+ <input type="radio" name="entry.●●●" value="ふつう" required="required">ふつう
246
+
247
+ </label>
248
+
249
+ </li>
250
+
251
+ <li>
252
+
253
+ <label>
254
+
255
+ <input type="radio" name="entry.●●●" value="やや汚れていた" required="required">やや汚れていた
256
+
257
+ </label>
258
+
259
+ </li>
260
+
261
+ <li>
262
+
263
+ <label>
264
+
265
+ <input type="radio" name="entry.●●●" value="汚かった" required="required">汚かった
266
+
267
+ </label>
268
+
269
+ </li>
270
+
271
+ </ul>
272
+
273
+ </div>
274
+
275
+ <div class="q6">
276
+
277
+ <h2>ご質問3</h2>
278
+
279
+ <p>〜でしたか?(一つだけ選択)</p>
280
+
281
+ <ul>
282
+
283
+ <li>
284
+
285
+ <label>
286
+
287
+ <input type="radio" name="entry.●●●" value="全く待たなかった" required="required">全く待たなかった
288
+
289
+ </label>
290
+
291
+ </li>
292
+
293
+ <li>
294
+
295
+ <label>
296
+
297
+ <input type="radio" name="entry.●●●" value="あまり待たなかった" required="required">あまり待たなかった
298
+
299
+ </label>
300
+
301
+ </li>
302
+
303
+ <li>
304
+
305
+ <label>
306
+
307
+ <input type="radio" name="entry.●●●" value="少し待った" required="required">少し待った
308
+
309
+ </label>
310
+
311
+ </li>
312
+
313
+ <li>
314
+
315
+ <label>
316
+
317
+ <input type="radio" name="entry.●●●" value="とても待った" required="required">とても待った
318
+
319
+ </label>
320
+
321
+ </li>
322
+
323
+ </ul>
324
+
325
+ </div>
326
+
327
+ <div class="q7">
328
+
329
+ <h2>ご質問4</h2>
330
+
331
+ <p>〜をお聞かせください。</p>
332
+
333
+ <ul>
334
+
335
+ <li>
336
+
337
+ <label>
338
+
339
+ <input type="checkbox" name="entry.●●●" value="あ">あ
340
+
341
+ </label>
342
+
343
+ </li>
344
+
345
+ <li>
346
+
347
+ <label>
348
+
349
+ <input type="checkbox" name="entry.●●●" value="い">い
350
+
351
+ </label>
352
+
353
+ </li>
354
+
355
+ <li>
356
+
357
+ <label>
358
+
359
+ <input type="checkbox" name="entry.●●●" value="う">う
360
+
361
+ </label>
362
+
363
+ </li>
364
+
365
+ <li>
366
+
367
+ <label>
368
+
369
+ <input type="checkbox" name="entry.●●●" value="え">え
370
+
371
+ </label>
372
+
373
+ </li>
374
+
375
+ <li>
376
+
377
+ <label>
378
+
379
+ <input type="checkbox" name="entry.●●●" value="お">お
380
+
381
+ </label>
382
+
383
+ </li>
384
+
385
+ <li>
386
+
387
+ <label>
388
+
389
+ <input type="checkbox" name="entry.●●●" value="か">か
390
+
391
+ </label>
392
+
393
+ </li>
394
+
395
+ <li>
396
+
397
+ <label>
398
+
399
+ <input type="checkbox" name="entry.●●●" value="き">き
400
+
401
+ </label>
402
+
403
+ </li>
404
+
405
+ </ul>
406
+
407
+ </div>
408
+
409
+ <div class="q8">
410
+
411
+ <h2>ご質問5</h2>
412
+
413
+ <p>最後に、〜をお聞かせください。</p>
414
+
415
+ <label>
416
+
417
+ <textarea id="imprest" name="entry.●●●" cols="40" rows="4" maxlength="20" placeholder="自由にご記入ください。"></textarea>
418
+
419
+ </label>
420
+
421
+ <p>その他、ご記入ください。</p>
422
+
423
+ <label>
424
+
425
+ <textarea id="imprest" name="entry.●●●" cols="40" rows="4" maxlength="20" placeholder="自由にご記入ください。"></textarea>
426
+
427
+ </label>
428
+
429
+ </div>
430
+
431
+ <div class="wrap">
432
+
433
+ <input type="submit" value="送信" onclick="submitForm()">
434
+
435
+ </div>
436
+
437
+ </form>
438
+
439
+ <iframe name="dummyIframe" style="display:none;"></iframe>
440
+
441
+ </div>
442
+
443
+ <!-- formRapper -->
444
+
445
+ <div id="thxMessage" style="display:none;">
446
+
447
+ <!-- 回答すると出るページ -->
448
+
449
+ <div class="prezent_box">
450
+
451
+ <p>アンケートのご回答、
452
+
453
+ <br>誠にありがとうございます。
454
+
455
+ </p>
102
456
 
103
457
  </div>
104
458
 
105
- <div class="q5">
106
-
107
- <h2>ご質問2</h2>
108
-
109
- <p>〜いましたか?(一つだけ選択)</p>
110
-
111
- <ul>
112
-
113
- <li><label><input type="radio" name="entry.●●●" value="とても綺麗だった" required="required">とても綺麗だった</label></li>
114
-
115
- <li><label><input type="radio" name="entry.●●●" value="まあまあ綺麗だった" required="required">まあまあ綺麗だった</label></li>
116
-
117
- <li><label><input type="radio" name="entry.●●●" value="ふつう" required="required">ふつう</label></li>
118
-
119
- <li><label><input type="radio" name="entry.●●●" value="やや汚れていた" required="required">やや汚れていた</label></li>
120
-
121
- <li><label><input type="radio" name="entry.●●●" value="汚かった" required="required">汚かった</label></li>
122
-
123
- </ul>
124
-
125
459
  </div>
126
460
 
127
- <div class="q6">
461
+
128
-
129
- <h2>ご質問3</h2>
462
+
130
-
131
- <p>〜でしたか?(一つだけ選択)</p>
132
-
133
- <ul>
134
-
135
- <li><label><input type="radio" name="entry.●●●" value="全く待たなかった" required="required">全く待たなかった</label></li>
136
-
137
- <li><label><input type="radio" name="entry.●●●" value="あまり待たなかった" required="required">あまり待たなかった</label></li>
138
-
139
- <li><label><input type="radio" name="entry.●●●" value="少し待った" required="required">少し待った</label></li>
140
-
141
- <li><label><input type="radio" name="entry.●●●" value="とても待った" required="required">とても待った</label></li>
142
-
143
- </ul>
144
-
145
- </div>
146
-
147
- <div class="q7">
148
-
149
- <h2>ご質問4</h2>
150
-
151
- <p>〜をお聞かせください。</p>
152
-
153
- <ul>
154
-
155
- <li><label><input type="checkbox" name="entry.●●●" value="あ">あ</label></li>
156
-
157
- <li><label><input type="checkbox" name="entry.●●●" value="い">い</label></li>
158
-
159
- <li><label><input type="checkbox" name="entry.●●●" value="う">う</label></li>
160
-
161
- <li><label><input type="checkbox" name="entry.●●●" value="え">え</label></li>
162
-
163
- <li><label><input type="checkbox" name="entry.●●●" value="お">お</label></li>
164
-
165
- <li><label><input type="checkbox" name="entry.●●●" value="か">か</label></li>
166
-
167
- <li><label><input type="checkbox" name="entry.●●●" value="き">き</label></li>
168
-
169
- </ul>
170
-
171
- </div>
172
-
173
- <div class="q8">
174
-
175
- <h2>ご質問5</h2>
176
-
177
- <p>最後に、〜をお聞かせください。</p>
178
-
179
- <label>
180
-
181
- <textarea id="imprest" name="entry.●●●" cols="40" rows="4" maxlength="20" placeholder="自由にご記入ください。"></textarea>
182
-
183
- </label>
184
-
185
- <p>その他、ご記入ください。</p>
186
-
187
- <label>
188
-
189
- <textarea id="imprest" name="entry.●●●" cols="40" rows="4" maxlength="20" placeholder="自由にご記入ください。"></textarea>
190
-
191
- </label>
192
-
193
- </div>
194
-
195
- <div class="wrap">
196
-
197
- <input type="submit" value="送信" onclick="submitForm()">
198
-
199
- </div>
200
-
201
- </form>
202
-
203
- <iframe name="dummyIframe" style="display:none;"></iframe>
204
-
205
- </div><!-- formRapper -->
206
-
207
- <div id="thxMessage" style="display:none;"><!-- 回答すると出るページ -->
208
-
209
- <div class="prezent_box">
210
-
211
- <p>アンケートのご回答、<br>誠にありがとうございます。</p>
212
-
213
- </div>
214
-
215
- </div>
216
-
217
-
218
-
219
- <!-- //以下、scriptの日付の部分 -->
463
+ <!-- //以下、scriptのバリデーション部分 -->
220
-
221
- <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
222
-
223
- <script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>
224
464
 
225
465
  <script>
226
466
 
467
+ function submitForm() {
468
+
469
+ var val = document.getElementsByName("entry.●●●")[0];
470
+
227
- flatpickr.localize(flatpickr.l10ns.ja);
471
+ if (val.value.length == 0) {
472
+
228
-
473
+ alert("日/性別/年代/ご質問1〜3は、必須項目です。");
474
+
475
+ val.focus();
476
+
477
+ return;
478
+
479
+ }
480
+
481
+ var val = document.getElementsByName("entry.●●●")[0];
482
+
483
+ if (val.value.length == 0) {
484
+
229
- flatpickr('#date');
485
+ alert("性別は必須項目です");
486
+
487
+ val.focus();
488
+
489
+ return;
490
+
491
+ }
492
+
493
+ var val = document.getElementsByName("entry.●●●")[0];
494
+
495
+ if (val.value.length == 0) {
496
+
497
+ alert("年代は必須項目です");
498
+
499
+ val.focus();
500
+
501
+ return;
502
+
503
+ }
504
+
505
+ var val = document.getElementsByName("entry.●●●")[0];
506
+
507
+ if (val.value.length == 0) {
508
+
509
+ alert("ご質問1は必須項目です");
510
+
511
+ val.focus();
512
+
513
+ return;
514
+
515
+ }
516
+
517
+ var val = document.getElementsByName("entry.●●●")[0];
518
+
519
+ if (val.value.length == 0) {
520
+
521
+ alert("ご質問2は必須項目です");
522
+
523
+ val.focus();
524
+
525
+ return;
526
+
527
+ }
528
+
529
+ var val = document.getElementsByName("entry.●●●")[0];
530
+
531
+ if (val.value.length == 0) {
532
+
533
+ alert("ご質問3は必須項目です");
534
+
535
+ val.focus();
536
+
537
+ return;
538
+
539
+ }
540
+
541
+ document.myForm.submit();
542
+
543
+ document.getElementById('formWrapper').style.display = 'none';
544
+
545
+ document.getElementById('thxMessage').style.display = 'block';
546
+
547
+ }
230
548
 
231
549
  </script>
232
550
 
233
- <script>
234
-
235
- flatpickr.localize(flatpickr.l10ns.ja);
236
-
237
- flatpickr('#date', {
238
-
239
- allowInput: true
240
-
241
- });
242
-
243
- </script>
244
-
245
- <!-- //以下、scriptのバリデーション部分 -->
246
-
247
- <script>
248
-
249
- function submitForm(){
250
-
251
- var val=document.getElementsByName("entry.●●●")[0];
252
-
253
- if (val.value.length == 0) {alert("日/性別/年代/ご質問1〜3は、必須項目です。"); val.focus(); return;}
254
-
255
- var val=document.getElementsByName("entry.●●●")[0];
256
-
257
- if (val.value.length == 0) {alert("性別は必須項目です"); val.focus(); return;}
258
-
259
- var val=document.getElementsByName("entry.●●●")[0];
260
-
261
- if (val.value.length == 0) {alert("年代は必須項目です"); val.focus(); return;}
262
-
263
- var val=document.getElementsByName("entry.●●●")[0];
264
-
265
- if (val.value.length == 0) {alert("ご質問1は必須項目です"); val.focus(); return;}
266
-
267
- var val=document.getElementsByName("entry.●●●")[0];
268
-
269
- if (val.value.length == 0) {alert("ご質問2は必須項目です"); val.focus(); return;}
270
-
271
- var val=document.getElementsByName("entry.●●●")[0];
272
-
273
- if (val.value.length == 0) {alert("ご質問3は必須項目です"); val.focus();return;}
274
-
275
- document.myForm.submit();
276
-
277
- document.getElementById('formWrapper').style.display = 'none';
278
-
279
- document.getElementById('thxMessage').style.display = 'block';
280
-
281
- }
282
-
283
- </script>
284
-
285
551
 
286
552
 
287
553