質問編集履歴
4
修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -214,7 +214,7 @@
|
|
214
214
|
|
215
215
|
// if(checkForm()){
|
216
216
|
|
217
|
-
// $("#
|
217
|
+
// $("#form").submit()
|
218
218
|
|
219
219
|
// }});
|
220
220
|
|
3
現在の状況を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -149,3 +149,141 @@
|
|
149
149
|
|
150
150
|
|
151
151
|
どうぞよろしくお願いいたします。
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
教えていただいた文をコピペさせていただき、現在はこのような状態になっています。
|
156
|
+
|
157
|
+
|
158
|
+
|
159
|
+
HTML
|
160
|
+
|
161
|
+
```
|
162
|
+
|
163
|
+
<table id="formtable">
|
164
|
+
|
165
|
+
<form id="form" enctype="multipart/form-data" onsubmit="return checkSubmit();">
|
166
|
+
|
167
|
+
<tr>
|
168
|
+
|
169
|
+
<th class="f_th">投稿 <span class="req">必須</span></th>
|
170
|
+
|
171
|
+
<td class="f_td">
|
172
|
+
|
173
|
+
<p>質問/p>
|
174
|
+
|
175
|
+
<input type="radio" name="radio" value="はい" id="yes_"><label for="yes_" class="label"> はい</label>
|
176
|
+
|
177
|
+
<input type="radio" name="radio" value="いいえ" id="no_"><label for="no_" class="label"> いいえ</label>
|
178
|
+
|
179
|
+
<div id="return_a"></div>
|
180
|
+
|
181
|
+
<!--<label for="yes_" class="label"><input type="radio" name="radio" value="はい">はい</label><br>
|
182
|
+
|
183
|
+
<label for="no_" class="label"><input type="radio" name="radio" value="いいえ">いいえ</label><br>-->
|
184
|
+
|
185
|
+
</td>
|
186
|
+
|
187
|
+
</tr>
|
188
|
+
|
189
|
+
<!-- <input type="button" name="button" id="button" value="送信する" onclick="return checkForm();">-->
|
190
|
+
|
191
|
+
<!--<div id="button"><p class="line_m">送信する</p></div>-->
|
192
|
+
|
193
|
+
<div id="button"><a href="javascript:void(0);">送信する</a></div>
|
194
|
+
|
195
|
+
<!-- <div id="button"><a href="#">投稿</a></div>
|
196
|
+
|
197
|
+
--> </div>
|
198
|
+
|
199
|
+
</form>
|
200
|
+
|
201
|
+
```
|
202
|
+
|
203
|
+
|
204
|
+
|
205
|
+
JS
|
206
|
+
|
207
|
+
```
|
208
|
+
|
209
|
+
//$(function(){
|
210
|
+
|
211
|
+
// $('#button a').click(
|
212
|
+
|
213
|
+
// function(){
|
214
|
+
|
215
|
+
// if(checkForm()){
|
216
|
+
|
217
|
+
// $("#totekeroForm").submit()
|
218
|
+
|
219
|
+
// }});
|
220
|
+
|
221
|
+
|
222
|
+
|
223
|
+
$(function(){
|
224
|
+
|
225
|
+
$('#button a').on('click',function(e){
|
226
|
+
|
227
|
+
e.preventDefault();
|
228
|
+
|
229
|
+
if($('[name=radio]:radio:checked').length>0){
|
230
|
+
|
231
|
+
$('#form').trigger('submit');
|
232
|
+
|
233
|
+
}
|
234
|
+
|
235
|
+
});
|
236
|
+
|
237
|
+
$.validator.addMethod(
|
238
|
+
|
239
|
+
"regex",
|
240
|
+
|
241
|
+
function(value, element, regexp) {
|
242
|
+
|
243
|
+
var re = new RegExp(regexp);
|
244
|
+
|
245
|
+
return this.optional(element) || re.test(value);
|
246
|
+
|
247
|
+
},
|
248
|
+
|
249
|
+
"Please check your input."
|
250
|
+
|
251
|
+
);
|
252
|
+
|
253
|
+
|
254
|
+
|
255
|
+
$("#form").validate({
|
256
|
+
|
257
|
+
rules : {
|
258
|
+
|
259
|
+
radio: {required: true}
|
260
|
+
|
261
|
+
},
|
262
|
+
|
263
|
+
messages: {
|
264
|
+
|
265
|
+
radio : { required : "選択してください" }
|
266
|
+
|
267
|
+
},
|
268
|
+
|
269
|
+
errorPlacement: function(error, element) {
|
270
|
+
|
271
|
+
if(element.is(':radio'))
|
272
|
+
|
273
|
+
{
|
274
|
+
|
275
|
+
error.appendTo(element.parent());
|
276
|
+
|
277
|
+
}
|
278
|
+
|
279
|
+
else{
|
280
|
+
|
281
|
+
error.insertAfter(element);
|
282
|
+
|
283
|
+
}
|
284
|
+
|
285
|
+
|
286
|
+
|
287
|
+
|
288
|
+
|
289
|
+
```
|
2
HTMLのID return_aについて追記しました。送信ボタンの記述を追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -39,6 +39,10 @@
|
|
39
39
|
</tr>
|
40
40
|
|
41
41
|
</table>
|
42
|
+
|
43
|
+
<div id="button"><a href="javascript:void(0);">送信</a></div>
|
44
|
+
|
45
|
+
|
42
46
|
|
43
47
|
```
|
44
48
|
|
@@ -134,6 +138,10 @@
|
|
134
138
|
|
135
139
|
|
136
140
|
|
141
|
+
※<div id="return_a"></div>はエラー文が出る場所として作成
|
142
|
+
|
143
|
+
|
144
|
+
|
137
145
|
チェックボックスのやり方はたくさん出てくるのにラジオボタンについてはほとんど指南サイトが出て来ず困っています。
|
138
146
|
|
139
147
|
当方、つい昨日[let][const]を学んだくらいの知識量しか持っていません、わかりやすく教えていただけるととても助かります。
|
1
JQUERYのリンクを追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,6 +5,10 @@
|
|
5
5
|
|
6
6
|
|
7
7
|
jquery.validate.jsのバージョンは1.9.0を使っています。
|
8
|
+
|
9
|
+
[https://github.com/jquery-validation/jquery-validation/releases/tag/1.9.0
|
10
|
+
|
11
|
+
](https://github.com/jquery-validation/jquery-validation/releases/tag/1.9.0http://)
|
8
12
|
|
9
13
|
|
10
14
|
|