teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

修正したソースを追記

2018/02/26 06:32

投稿

Riko
Riko

スコア15

title CHANGED
File without changes
body CHANGED
@@ -217,4 +217,21 @@
217
217
  </form>
218
218
  </div>
219
219
  <!-- //Contact -->
220
+ ```
221
+
222
+ 修正したソース
223
+ ```
224
+ <script>
225
+ $(function() {
226
+ document.getElementById("mfp_button_confirm").disabled = "true";
227
+ $('input[name="お問い合わせ内容"], #id_select').change(function(){
228
+
229
+ if($('#id_select').val() < 20 && $('input[name="お問い合わせ内容"]').val() == 'ビールのご購入'){
230
+ $("#mfp_button_confirm").prop('disabled', true);
231
+ } else {
232
+ $("#mfp_button_confirm").prop('disabled', false);
233
+ }
234
+ });
235
+ });
236
+ </script>
220
237
  ```

2

誤字

2018/02/26 06:32

投稿

Riko
Riko

スコア15

title CHANGED
File without changes
body CHANGED
@@ -36,18 +36,6 @@
36
36
  });
37
37
  });
38
38
  </script>
39
-
40
- <script>
41
- $(function(){
42
- $('a img').hover(function(){
43
- $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
44
- }, function(){
45
- if (!$(this).hasClass('currentPage')) {
46
- $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
47
- }
48
- });
49
- });
50
- </script>
51
39
  ```
52
40
 
53
41
  ```

1

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

2018/02/26 06:31

投稿

Riko
Riko

スコア15

title CHANGED
File without changes
body CHANGED
@@ -51,6 +51,7 @@
51
51
  ```
52
52
 
53
53
  ```
54
+ <!-- Contact -->
54
55
  <div class="cont_cont">
55
56
 
56
57
  <form id="mailformpro" action="mailformpro/mailformpro.cgi" method="POST">
@@ -60,27 +61,25 @@
60
61
  <p class="read">*は必須項目です。</p>
61
62
  <!-- contact_waku -->
62
63
  <table class="contact_waku">
63
-
64
- <!-- ここで問い合わせ内容を切りかえています -->
65
64
  <tr>
66
65
  <th class="title mfp">■内容をお選びください<span class="sure">*</span></th>
67
66
  <td class="type mfp">
68
67
  <ul class="list_radio">
69
- <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="○○のご購入" required="required" data-toggle="add_hop" data-toggle-hide="1"> ○○のご購入</label></li>
68
+ <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="ホップのご購入" required="required" data-toggle="add_hop" data-toggle-hide="1"> ホップのご購入</label></li>
70
69
  <li class="inline_f mr40"><label><input type="radio" name="お問い合わせ内容" value="ビールのご購入" required="required" data-toggle="add_beer" data-toggle-hide="1"> ビールのご購入</label></li>
71
70
  <li><label><input type="radio" name="お問い合わせ内容" value="問い合わせのみ" required="required" data-toggle="add_txt" data-toggle-hide="1"> お問い合わせ</label></li>
72
71
  </ul>
73
72
  </td>
74
-
73
+ </tr>
75
74
  <tr>
76
- <input type="hidden" name="担当者名" data-unjoin="姓+ +名+(+セイ+ +メイ+)" value="" />
75
+ <input type="hidden" name="" data-unjoin="姓+ +名+(+セイ+ +メイ+)" value="" />
77
76
  <th class="title mfp">■お名前<span class="sure">*</span></th>
78
- <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>
77
+ <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">
79
78
  </td>
80
79
  </tr>
81
80
  <tr>
82
81
  <th class="title mfp">■お名前(フリガナ)<span class="sure">*</span></th>
83
- <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>
82
+ <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>
84
83
  </tr>
85
84
  <tr>
86
85
  <th class="title mfp">■会社名</th>
@@ -88,15 +87,55 @@
88
87
  </tr>
89
88
  <tr>
90
89
  <th class="title mfp">■メールアドレス<span class="sure">*</span></th>
91
- <td class="type mfp"><input type="email" data-type="email" name="email" class="width_01 width_sma" required></td>
90
+ <td class="type mfp"><input type="email" data-type="email" name="email" class="width_01 width_sma" required="required"></td>
92
91
  </tr>
93
92
  <tr>
94
93
  <th class="title mfp">■電話番号<span class="sure">*</span></th>
95
- <td class="type mfp"><input type="tel" data-type="tel" name="電話番号" class="width_01 width_sma" data-min="9" required></td>
94
+ <td class="type mfp"><input type="tel" data-type="tel" name="電話番号" class="width_01 width_sma" data-min="9" required="required"></td>
96
95
  </tr>
97
96
  </table>
98
97
  <!-- //contact_waku -->
99
98
 
99
+ <!-- add_hop -->
100
+ <div id="add_hop">
101
+ <p class="add_ttl">- ホップのご購入 -</p>
102
+ <table class="contact_waku">
103
+ <tr>
104
+ <th class="title mfp">■郵便番号<span class="sure">*</span></th>
105
+ <td class="type mfp">〒 <input type="text" name="郵便番号" class="width_03 width_sma02" required="required"></td>
106
+ </tr>
107
+ <tr>
108
+ <input type="hidden" name="ご住所" data-unjoin="都道府県++住所+ +建物名 部屋番号" value="" />
109
+ <th class="title mfp">■ご住所<span class="sure">*</span></th>
110
+ <td class="type mfp">
111
+ <ul class="add_ress">
112
+ <li><div class="wd150">都道府県</div>
113
+ <select name="都道府県" required>
114
+ <option value="" selected="selected" class="font_slct">都道府県</option>
115
+ <option value="北海道">北海道</option>
116
+ <option value="青森県">青森県</option>
117
+ <option value="岩手県">岩手県</option>
118
+ </select>
119
+ </li>
120
+ <li><div class="wd150">住所</div><input type="text" name="住所" class="width_02 width_sma" required="required"></li>
121
+ <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号" class="width_02 width_sma"></li>
122
+ </ul>
123
+ </td>
124
+ </tr>
125
+ <tr>
126
+ <th class="title heitop mfp">■注文内容<span class="sure">*</span></th>
127
+ <td class="type mfp"><textarea name="注文内容" class="width_01 width_sma" required></textarea></td>
128
+ </tr>
129
+ </table>
130
+ <dl class="hop_chu">
131
+ <dt>代金支払い方法</dt><dd>銀行振込<br>
132
+ 振込先等の詳細は注文後ご連絡いたします。<br>
133
+ 入金を確認後の発送となります。<br>
134
+ また、振込手数料はお客様負担となります。振込時にご確認ください。</dd>
135
+ <dt>発送について</dt><dd>ご入金確認日から6営業日以内の発送となります。</dd>
136
+ <dt>送料ならびに振込手数料</dt><dd>商品の送料ならびに銀行振込手数料についてはお客様ご負担となります。</dd>
137
+ </dl>
138
+ </div>
100
139
 
101
140
  <!-- add_beer -->
102
141
  <div id="add_beer">
@@ -104,67 +143,23 @@
104
143
  <table class="contact_waku">
105
144
  <tr>
106
145
  <th class="title mfp">■郵便番号<span class="sure">*</span></th>
107
- <td class="type mfp">〒 <input type="text" name="郵便番号" class="width_03 width_sma02"></td>
146
+ <td class="type mfp">〒 <input type="text" name="郵便番号1" class="width_03 width_sma02" required="required"></td>
108
147
  </tr>
109
148
  <tr>
110
- <input type="hidden" name="ご住所" data-unjoin="都道府県+ +住所+ +建物名 部屋番号" value="" />
149
+ <input type="hidden" name="ご住所" data-unjoin="都道府県++住所+ +建物名 部屋番号" value="" />
111
150
  <th class="title mfp">■ご住所<span class="sure">*</span></th>
112
151
  <td class="type mfp">
113
152
  <ul class="add_ress">
114
153
  <li><div class="wd150">都道府県</div>
115
- <select name="都道府県" required>
154
+ <select name="都道府県1" required>
116
155
  <option value="" selected="selected" class="font_slct">【選択して下さい】</option>
117
156
  <option value="北海道">北海道</option>
118
157
  <option value="青森県">青森県</option>
119
158
  <option value="岩手県">岩手県</option>
120
- <option value="秋田県">秋田県</option>
121
- <option value="宮城県">宮城県</option>
122
- <option value="山形県">山形県</option>
123
- <option value="福島県">福島県</option>
124
- <option value="栃木県">栃木県</option>
125
- <option value="群馬県">群馬県</option>
126
- <option value="茨城県">茨城県</option>
127
- <option value="埼玉県">埼玉県</option>
128
- <option value="東京都">東京都</option>
129
- <option value="千葉県">千葉県</option>
130
- <option value="神奈川県">神奈川県</option>
131
- <option value="山梨県">山梨県</option>
132
- <option value="長野県">長野県</option>
133
- <option value="新潟県">新潟県</option>
134
- <option value="富山県">富山県</option>
135
- <option value="石川県">石川県</option>
136
- <option value="福井県">福井県</option>
137
- <option value="静岡県">静岡県</option>
138
- <option value="岐阜県">岐阜県</option>
139
- <option value="愛知県">愛知県</option>
140
- <option value="三重県">三重県</option>
141
- <option value="滋賀県">滋賀県</option>
142
- <option value="京都府">京都府</option>
143
- <option value="大阪府">大阪府</option>
144
- <option value="兵庫県">兵庫県</option>
145
- <option value="奈良県">奈良県</option>
146
- <option value="和歌山県">和歌山県</option>
147
- <option value="徳島県">徳島県</option>
148
- <option value="香川県">香川県</option>
149
- <option value="愛媛県">愛媛県</option>
150
- <option value="高知県">高知県</option>
151
- <option value="鳥取県">鳥取県</option>
152
- <option value="島根県">島根県</option>
153
- <option value="岡山県">岡山県</option>
154
- <option value="広島県">広島県</option>
155
- <option value="山口県">山口県</option>
156
- <option value="福岡県">福岡県</option>
157
- <option value="佐賀県">佐賀県</option>
158
- <option value="長崎県">長崎県</option>
159
- <option value="大分県">大分県</option>
160
- <option value="熊本県">熊本県</option>
161
- <option value="宮崎県">宮崎県</option>
162
- <option value="鹿児島県">鹿児島県</option>
163
- <option value="沖縄県">沖縄県</option>
164
159
  </select>
165
160
  </li>
166
- <li><div class="wd150">住所</div><input type="text" name="住所" class="width_02 width_sma" required></li>
161
+ <li><div class="wd150">住所</div><input type="text" name="住所1" class="width_02 width_sma" required="required"></li>
167
- <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号" class="width_02 width_sma"></li>
162
+ <li><div class="wd150">建物名 部屋番号</div><input type="text" name="建物名 部屋番号1" class="width_02 width_sma"></li>
168
163
  </ul>
169
164
  </td>
170
165
  </tr>
@@ -184,10 +179,6 @@
184
179
  <div class="style_beer03">
185
180
  <select name="年齢確認" id="id_select" required>
186
181
  <option value="" selected="selected" class="font_slct">【年齢を選択して下さい】</option> 歳です。
187
- <option value="15">15</option>
188
- <option value="16">16</option>
189
- <option value="17">17</option>
190
- <option value="18">18</option>
191
182
  <option value="19">19</option>
192
183
  <option value="20">20</option>
193
184
  <option value="21">21</option>
@@ -195,11 +186,6 @@
195
186
  <option value="23">23</option>
196
187
  <option value="24">24</option>
197
188
  <option value="25">25</option>
198
- <option value="26">26</option>
199
- <option value="27">27</option>
200
- <option value="28">28</option>
201
- <option value="29">29</option>
202
- <option value="30">30</option>
203
189
  </select>
204
190
  <p class="red_18 mt05 mb00">※20歳未満の方はご購入いただけませんのでご了承ください。</p>
205
191
  </div>
@@ -207,16 +193,34 @@
207
193
  </tr>
208
194
  <tr>
209
195
  <th class="title heitop mfp">■ご質問等ございましたらご記入ください。</th>
210
- <td class="type mfp"><textarea name="ご質問等" class="width_01 width_sma"></textarea></td>
196
+ <td class="type mfp"><textarea name="ご質問等" class="width_01 width_sma" required></textarea></td>
211
197
  </tr>
212
198
  </table>
199
+ <dl class="hop_chu">
200
+ <dt>代金支払い方法</dt><dd>銀行振込<br>
201
+ 振込先等の詳細は注文後ご連絡いたします。<br>
202
+ 入金を確認後の発送となります。<br>
203
+ また、振込手数料はお客様負担となります。振込時にご確認ください。</dd>
204
+ <dt>発送について</dt><dd>ご入金確認日から6営業日以内の発送となります。</dd>
205
+ <dt>送料ならびに振込手数料</dt><dd>商品の送料ならびに銀行振込手数料についてはお客様ご負担となります。</dd>
206
+ </dl>
213
207
  </div>
214
208
 
209
+ <!-- add_txt -->
210
+ <div id="add_txt">
211
+ <p class="add_ttl">- お問い合わせ -</p>
212
+ <table class="contact_waku">
213
+ <tr>
214
+ <th class="title heitop mfp">■お問い合わせ内容<span class="sure">*</span></th>
215
+ <td class="type mfp"><textarea name="お問い合わせ内容1" class="width_01 width_sma" required></textarea></td>
216
+ </tr>
217
+ </table>
215
218
  </div>
219
+ <!-- //add -->
220
+ </div>
216
221
  <!-- //mailform -->
217
222
 
218
223
  <div class="mfp_buttons">
219
- <!-- 確認画面のバナー背景画像で設定 -->
220
224
  <button id="mfp_button_confirm" type="submit"></button>
221
225
  </div>
222
226
  </div>
@@ -224,4 +228,5 @@
224
228
 
225
229
  </form>
226
230
  </div>
231
+ <!-- //Contact -->
227
232
  ```