質問編集履歴

3

修正したソースを追記

2018/02/26 06:32

投稿

Riko
Riko

スコア15

test CHANGED
File without changes
test CHANGED
@@ -437,3 +437,37 @@
437
437
  <!-- //Contact -->
438
438
 
439
439
  ```
440
+
441
+
442
+
443
+ 修正したソース
444
+
445
+ ```
446
+
447
+ <script>
448
+
449
+ $(function() {
450
+
451
+ document.getElementById("mfp_button_confirm").disabled = "true";
452
+
453
+ $('input[name="お問い合わせ内容"], #id_select').change(function(){
454
+
455
+
456
+
457
+ if($('#id_select').val() < 20 && $('input[name="お問い合わせ内容"]').val() == 'ビールのご購入'){
458
+
459
+ $("#mfp_button_confirm").prop('disabled', true);
460
+
461
+ } else {
462
+
463
+ $("#mfp_button_confirm").prop('disabled', false);
464
+
465
+ }
466
+
467
+ });
468
+
469
+ });
470
+
471
+ </script>
472
+
473
+ ```

2

誤字

2018/02/26 06:32

投稿

Riko
Riko

スコア15

test CHANGED
File without changes
test CHANGED
@@ -74,30 +74,6 @@
74
74
 
75
75
  </script>
76
76
 
77
-
78
-
79
- <script>
80
-
81
- $(function(){
82
-
83
- $('a img').hover(function(){
84
-
85
- $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
86
-
87
- }, function(){
88
-
89
- if (!$(this).hasClass('currentPage')) {
90
-
91
- $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
92
-
93
- }
94
-
95
- });
96
-
97
- });
98
-
99
- </script>
100
-
101
77
  ```
102
78
 
103
79
 

1

一部削除していた部分があるので、フォームのソースをすべて記載します。

2018/02/26 06:31

投稿

Riko
Riko

スコア15

test CHANGED
File without changes
test CHANGED
@@ -104,6 +104,8 @@
104
104
 
105
105
  ```
106
106
 
107
+ <!-- Contact -->
108
+
107
109
  <div class="cont_cont">
108
110
 
109
111
 
@@ -122,10 +124,6 @@
122
124
 
123
125
  <table class="contact_waku">
124
126
 
125
-
126
-
127
- <!-- ここで問い合わせ内容を切りかえています -->
128
-
129
127
  <tr>
130
128
 
131
129
  <th class="title mfp">■内容をお選びください<span class="sure">*</span></th>
@@ -134,7 +132,7 @@
134
132
 
135
133
  <ul class="list_radio">
136
134
 
137
- <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="○○のご購入" required="required" data-toggle="add_hop" data-toggle-hide="1"> ○○のご購入</label></li>
135
+ <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="ホップのご購入" required="required" data-toggle="add_hop" data-toggle-hide="1"> ホップのご購入</label></li>
138
136
 
139
137
  <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="ビールのご購入" required="required" data-toggle="add_beer" data-toggle-hide="1"> ビールのご購入</label></li>
140
138
 
@@ -144,15 +142,15 @@
144
142
 
145
143
  </td>
146
144
 
147
-
145
+ </tr>
148
-
146
+
149
- <tr>
147
+ <tr>
150
-
148
+
151
- <input type="hidden" name="担当者名" data-unjoin="姓+ +名+(+セイ+ +メイ+)" value="" />
149
+ <input type="hidden" name="" data-unjoin="姓+ +名+(+セイ+ +メイ+)" value="" />
152
150
 
153
151
  <th class="title mfp">■お名前<span class="sure">*</span></th>
154
152
 
155
- <td class="type mfp"><span class="frmttl">姓</span><input type="text" name="姓" data-kana="セイ" class="width_03 width_sma02 mr10" required><span class="frmttl">名</span><input type="text" name="名" data-kana="メイ" class="width_03 width_sma02" required>
153
+ <td class="type mfp"><span class="frmttl">姓</span><input type="text" name="姓" data-kana="セイ" class="width_03 width_sma02 mr10" required="required"><span class="frmttl">名</span><input type="text" name="名" data-kana="メイ" class="width_03 width_sma02" required="required">
156
154
 
157
155
  </td>
158
156
 
@@ -162,7 +160,7 @@
162
160
 
163
161
  <th class="title mfp">■お名前(フリガナ)<span class="sure">*</span></th>
164
162
 
165
- <td class="type mfp"><span class="frmttl">セイ</span><input type="text" name="セイ" class="width_03 width_sma02 mr10" data-charcheck="kana" required><span class="frmttl">メイ</span><input type="text" name="メイ" class="width_03 width_sma02" data-charcheck="kana" required></td>
163
+ <td class="type mfp"><span class="frmttl">セイ</span><input type="text" name="セイ" class="width_03 width_sma02 mr10" data-charcheck="kana" required="required"><span class="frmttl">メイ</span><input type="text" name="メイ" class="width_03 width_sma02" data-charcheck="kana" required="required"></td>
166
164
 
167
165
  </tr>
168
166
 
@@ -178,7 +176,7 @@
178
176
 
179
177
  <th class="title mfp">■メールアドレス<span class="sure">*</span></th>
180
178
 
181
- <td class="type mfp"><input type="email" data-type="email" name="email" class="width_01 width_sma" required></td>
179
+ <td class="type mfp"><input type="email" data-type="email" name="email" class="width_01 width_sma" required="required"></td>
182
180
 
183
181
  </tr>
184
182
 
@@ -186,7 +184,7 @@
186
184
 
187
185
  <th class="title mfp">■電話番号<span class="sure">*</span></th>
188
186
 
189
- <td class="type mfp"><input type="tel" data-type="tel" name="電話番号" class="width_01 width_sma" data-min="9" required></td>
187
+ <td class="type mfp"><input type="tel" data-type="tel" name="電話番号" class="width_01 width_sma" data-min="9" required="required"></td>
190
188
 
191
189
  </tr>
192
190
 
@@ -196,6 +194,86 @@
196
194
 
197
195
 
198
196
 
197
+ <!-- add_hop -->
198
+
199
+ <div id="add_hop">
200
+
201
+ <p class="add_ttl">- ホップのご購入 -</p>
202
+
203
+ <table class="contact_waku">
204
+
205
+ <tr>
206
+
207
+ <th class="title mfp">■郵便番号<span class="sure">*</span></th>
208
+
209
+ <td class="type mfp">〒 <input type="text" name="郵便番号" class="width_03 width_sma02" required="required"></td>
210
+
211
+ </tr>
212
+
213
+ <tr>
214
+
215
+ <input type="hidden" name="ご住所" data-unjoin="都道府県++住所+ +建物名 部屋番号" value="" />
216
+
217
+ <th class="title mfp">■ご住所<span class="sure">*</span></th>
218
+
219
+ <td class="type mfp">
220
+
221
+ <ul class="add_ress">
222
+
223
+ <li><div class="wd150">都道府県</div>
224
+
225
+ <select name="都道府県" required>
226
+
227
+ <option value="" selected="selected" class="font_slct">都道府県</option>
228
+
229
+ <option value="北海道">北海道</option>
230
+
231
+ <option value="青森県">青森県</option>
232
+
233
+ <option value="岩手県">岩手県</option>
234
+
235
+ </select>
236
+
237
+ </li>
238
+
239
+ <li><div class="wd150">住所</div><input type="text" name="住所" class="width_02 width_sma" required="required"></li>
240
+
241
+ <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号" class="width_02 width_sma"></li>
242
+
243
+ </ul>
244
+
245
+ </td>
246
+
247
+ </tr>
248
+
249
+ <tr>
250
+
251
+ <th class="title heitop mfp">■注文内容<span class="sure">*</span></th>
252
+
253
+ <td class="type mfp"><textarea name="注文内容" class="width_01 width_sma" required></textarea></td>
254
+
255
+ </tr>
256
+
257
+ </table>
258
+
259
+ <dl class="hop_chu">
260
+
261
+ <dt>代金支払い方法</dt><dd>銀行振込<br>
262
+
263
+ 振込先等の詳細は注文後ご連絡いたします。<br>
264
+
265
+ 入金を確認後の発送となります。<br>
266
+
267
+ また、振込手数料はお客様負担となります。振込時にご確認ください。</dd>
268
+
269
+ <dt>発送について</dt><dd>ご入金確認日から6営業日以内の発送となります。</dd>
270
+
271
+ <dt>送料ならびに振込手数料</dt><dd>商品の送料ならびに銀行振込手数料についてはお客様ご負担となります。</dd>
272
+
273
+ </dl>
274
+
275
+ </div>
276
+
199
277
 
200
278
 
201
279
  <!-- add_beer -->
@@ -210,13 +288,13 @@
210
288
 
211
289
  <th class="title mfp">■郵便番号<span class="sure">*</span></th>
212
290
 
213
- <td class="type mfp">〒 <input type="text" name="郵便番号" class="width_03 width_sma02"></td>
291
+ <td class="type mfp">〒 <input type="text" name="郵便番号1" class="width_03 width_sma02" required="required"></td>
214
-
292
+
215
- </tr>
293
+ </tr>
216
-
294
+
217
- <tr>
295
+ <tr>
218
-
296
+
219
- <input type="hidden" name="ご住所" data-unjoin="都道府県+ +住所+ +建物名 部屋番号" value="" />
297
+ <input type="hidden" name="ご住所" data-unjoin="都道府県++住所+ +建物名 部屋番号" value="" />
220
298
 
221
299
  <th class="title mfp">■ご住所<span class="sure">*</span></th>
222
300
 
@@ -226,7 +304,7 @@
226
304
 
227
305
  <li><div class="wd150">都道府県</div>
228
306
 
229
- <select name="都道府県" required>
307
+ <select name="都道府県1" required>
230
308
 
231
309
  <option value="" selected="selected" class="font_slct">【選択して下さい】</option>
232
310
 
@@ -236,101 +314,13 @@
236
314
 
237
315
  <option value="岩手県">岩手県</option>
238
316
 
239
- <option value="秋田県">秋田県</option>
240
-
241
- <option value="宮城県">宮城県</option>
242
-
243
- <option value="山形県">山形県</option>
244
-
245
- <option value="福島県">福島県</option>
246
-
247
- <option value="栃木県">栃木県</option>
248
-
249
- <option value="群馬県">群馬県</option>
250
-
251
- <option value="茨城県">茨城県</option>
252
-
253
- <option value="埼玉県">埼玉県</option>
254
-
255
- <option value="東京都">東京都</option>
256
-
257
- <option value="千葉県">千葉県</option>
258
-
259
- <option value="神奈川県">神奈川県</option>
260
-
261
- <option value="山梨県">山梨県</option>
262
-
263
- <option value="長野県">長野県</option>
264
-
265
- <option value="新潟県">新潟県</option>
266
-
267
- <option value="富山県">富山県</option>
268
-
269
- <option value="石川県">石川県</option>
270
-
271
- <option value="福井県">福井県</option>
272
-
273
- <option value="静岡県">静岡県</option>
274
-
275
- <option value="岐阜県">岐阜県</option>
276
-
277
- <option value="愛知県">愛知県</option>
278
-
279
- <option value="三重県">三重県</option>
280
-
281
- <option value="滋賀県">滋賀県</option>
282
-
283
- <option value="京都府">京都府</option>
284
-
285
- <option value="大阪府">大阪府</option>
286
-
287
- <option value="兵庫県">兵庫県</option>
288
-
289
- <option value="奈良県">奈良県</option>
290
-
291
- <option value="和歌山県">和歌山県</option>
292
-
293
- <option value="徳島県">徳島県</option>
294
-
295
- <option value="香川県">香川県</option>
296
-
297
- <option value="愛媛県">愛媛県</option>
298
-
299
- <option value="高知県">高知県</option>
300
-
301
- <option value="鳥取県">鳥取県</option>
302
-
303
- <option value="島根県">島根県</option>
304
-
305
- <option value="岡山県">岡山県</option>
306
-
307
- <option value="広島県">広島県</option>
308
-
309
- <option value="山口県">山口県</option>
310
-
311
- <option value="福岡県">福岡県</option>
312
-
313
- <option value="佐賀県">佐賀県</option>
314
-
315
- <option value="長崎県">長崎県</option>
316
-
317
- <option value="大分県">大分県</option>
318
-
319
- <option value="熊本県">熊本県</option>
320
-
321
- <option value="宮崎県">宮崎県</option>
322
-
323
- <option value="鹿児島県">鹿児島県</option>
324
-
325
- <option value="沖縄県">沖縄県</option>
326
-
327
317
  </select>
328
318
 
329
319
  </li>
330
320
 
331
- <li><div class="wd150">住所</div><input type="text" name="住所" class="width_02 width_sma" required></li>
321
+ <li><div class="wd150">住所</div><input type="text" name="住所1" class="width_02 width_sma" required="required"></li>
332
-
322
+
333
- <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号" class="width_02 width_sma"></li>
323
+ <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号1" class="width_02 width_sma"></li>
334
324
 
335
325
  </ul>
336
326
 
@@ -370,14 +360,6 @@
370
360
 
371
361
  <option value="" selected="selected" class="font_slct">【年齢を選択して下さい】</option> 歳です。
372
362
 
373
- <option value="15">15</option>
374
-
375
- <option value="16">16</option>
376
-
377
- <option value="17">17</option>
378
-
379
- <option value="18">18</option>
380
-
381
363
  <option value="19">19</option>
382
364
 
383
365
  <option value="20">20</option>
@@ -392,16 +374,6 @@
392
374
 
393
375
  <option value="25">25</option>
394
376
 
395
- <option value="26">26</option>
396
-
397
- <option value="27">27</option>
398
-
399
- <option value="28">28</option>
400
-
401
- <option value="29">29</option>
402
-
403
- <option value="30">30</option>
404
-
405
377
  </select>
406
378
 
407
379
  <p class="red_18 mt05 mb00">※20歳未満の方はご購入いただけませんのでご了承ください。</p>
@@ -416,15 +388,53 @@
416
388
 
417
389
  <th class="title heitop mfp">■ご質問等ございましたらご記入ください。</th>
418
390
 
419
- <td class="type mfp"><textarea name="ご質問等" class="width_01 width_sma"></textarea></td>
391
+ <td class="type mfp"><textarea name="ご質問等" class="width_01 width_sma" required></textarea></td>
420
392
 
421
393
  </tr>
422
394
 
423
395
  </table>
424
396
 
397
+ <dl class="hop_chu">
398
+
399
+ <dt>代金支払い方法</dt><dd>銀行振込<br>
400
+
401
+ 振込先等の詳細は注文後ご連絡いたします。<br>
402
+
403
+ 入金を確認後の発送となります。<br>
404
+
405
+ また、振込手数料はお客様負担となります。振込時にご確認ください。</dd>
406
+
407
+ <dt>発送について</dt><dd>ご入金確認日から6営業日以内の発送となります。</dd>
408
+
409
+ <dt>送料ならびに振込手数料</dt><dd>商品の送料ならびに銀行振込手数料についてはお客様ご負担となります。</dd>
410
+
411
+ </dl>
412
+
425
- </div>
413
+ </div>
414
+
415
+
416
+
426
-
417
+ <!-- add_txt -->
418
+
427
-
419
+ <div id="add_txt">
420
+
421
+ <p class="add_ttl">- お問い合わせ -</p>
422
+
423
+ <table class="contact_waku">
424
+
425
+ <tr>
426
+
427
+ <th class="title heitop mfp">■お問い合わせ内容<span class="sure">*</span></th>
428
+
429
+ <td class="type mfp"><textarea name="お問い合わせ内容1" class="width_01 width_sma" required></textarea></td>
430
+
431
+ </tr>
432
+
433
+ </table>
434
+
435
+ </div>
436
+
437
+ <!-- //add -->
428
438
 
429
439
  </div>
430
440
 
@@ -434,8 +444,6 @@
434
444
 
435
445
  <div class="mfp_buttons">
436
446
 
437
- <!-- 確認画面のバナー背景画像で設定 -->
438
-
439
447
  <button id="mfp_button_confirm" type="submit"></button>
440
448
 
441
449
  </div>
@@ -450,4 +458,6 @@
450
458
 
451
459
  </div>
452
460
 
461
+ <!-- //Contact -->
462
+
453
463
  ```