質問編集履歴
2
eの削除。全体的な修正。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
### 発生している問題・エラーメッセージ
|
|
7
7
|
全てにおいて選択肢が変更された際に値は反映されますが
|
|
8
8
|
値がなくなった時「値が存在しません」と出ません。
|
|
9
|
+
これは、「正しい値を最初に入れた時はエラーメッセージは出ずid属性のあるdivタグのみが出力されるがその後仮に値が無くなった(チェックボックスの全てのチェック解除など)があった時に本来『何も入っていない』というエラーを出すべきなのに出ない」
|
|
10
|
+
という意味です。
|
|
9
11
|
また、可能な限り全てのIDについて記載することは避けたいと思っています。
|
|
10
12
|
|
|
11
13
|
|
|
@@ -16,7 +18,7 @@
|
|
|
16
18
|
$error="<div id=\"a_valid\"></div>";
|
|
17
19
|
if (!$a) {
|
|
18
20
|
$error = "<div id=\"a_valid\"><p style=\"color:#ff2800;\">"+"入力されていません。"+"</p></div>";
|
|
19
|
-
}else if (($a != "
|
|
21
|
+
}else if (($a != "a") && ($a != "b") && ($a != "c")) {
|
|
20
22
|
$error = "<div id=\"a_valid\"><p style=\"color:#ff2800;\">"+"不正なPOSTです。"+"</p></div>";
|
|
21
23
|
}
|
|
22
24
|
return $error;
|
|
@@ -25,7 +27,7 @@
|
|
|
25
27
|
function valid_echo($a)
|
|
26
28
|
{
|
|
27
29
|
$a_echo ="";
|
|
28
|
-
$ans={"
|
|
30
|
+
$ans={"a":"A","b":"B","c":"C"};
|
|
29
31
|
$error_message = valid($a);
|
|
30
32
|
if ($error_message==="<div id=\"a_valid\"></div>") {
|
|
31
33
|
$a_echo = $ans[$a];
|
|
@@ -123,9 +125,7 @@
|
|
|
123
125
|
$d=$("#d option:selected").val();
|
|
124
126
|
$('div #c_valid').html(valid_c($c));
|
|
125
127
|
$error_c_=valid_c($c);
|
|
126
|
-
$x_echo_=valid_x_echo($c, $d);
|
|
127
128
|
//console.log(valid_c($c));
|
|
128
|
-
//console.log("x="+valid_x_echo($c,$d));
|
|
129
129
|
//console.log($c);
|
|
130
130
|
});
|
|
131
131
|
$("#d").change(function(){
|
|
@@ -133,29 +133,16 @@
|
|
|
133
133
|
$d=$("#d option:selected").val();
|
|
134
134
|
$('div #d_valid').html(valid_d($d));
|
|
135
135
|
$error_d_=valid_d($d);
|
|
136
|
-
$x_echo_=valid_x_echo($c, $d);
|
|
137
136
|
//console.log(valid_d($d));
|
|
138
|
-
//console.log("x="+valid_x_echo($c,$d));
|
|
139
137
|
//console.log($d);
|
|
140
138
|
});
|
|
141
|
-
|
|
142
|
-
$("#e input").change(function(){
|
|
143
|
-
|
|
144
|
-
$e=$("#e input:checked").val();
|
|
145
|
-
$('div #e_valid').html(valid_e($e));
|
|
146
|
-
$error_e_=valid_e($e);
|
|
147
|
-
$e_echo_=valid_e_echo($e);
|
|
148
|
-
//console.log(valid_e($e));
|
|
149
|
-
//console.log(valid_e_echo($e));
|
|
150
|
-
//console.log($e);
|
|
151
|
-
});
|
|
152
139
|
});
|
|
153
140
|
```
|
|
154
141
|
```html
|
|
155
142
|
<p>
|
|
156
|
-
<input type="radio" name="a" value="
|
|
143
|
+
<input type="radio" name="a" value="a" id="a"><label for="a">A</label>
|
|
157
|
-
<input type="radio" name="a" value="
|
|
144
|
+
<input type="radio" name="a" value="b" id="b"><label for="b">B</label>
|
|
158
|
-
<input type="radio" name="a" value="
|
|
145
|
+
<input type="radio" name="a" value="c" id="c"><label for="c">C</label>
|
|
159
146
|
</p>
|
|
160
147
|
</div>
|
|
161
148
|
|
1
Javascriptのソースを修正しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -87,6 +87,69 @@
|
|
|
87
87
|
}
|
|
88
88
|
return $error_d;
|
|
89
89
|
}
|
|
90
|
+
$(function(){
|
|
91
|
+
$("#a input").change(function(){
|
|
92
|
+
$gender=$("#a input:checked").val();
|
|
93
|
+
$('div #a_valid').html(valid_a($a));
|
|
94
|
+
$error_a_=valid_a($a);
|
|
95
|
+
$a_echo_=valid_a_echo($a);
|
|
96
|
+
//console.log(valid_gender($gender));
|
|
97
|
+
//console.log(valid_gender_echo($gender));
|
|
98
|
+
//console.log($gender);
|
|
99
|
+
//alert($gender);
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
$("#b input").change(function(){
|
|
103
|
+
ary=document.getElementsByName('b');
|
|
104
|
+
var ary2=$('#b input:checked').map(function() {
|
|
105
|
+
return $(this).val();
|
|
106
|
+
}).get();
|
|
107
|
+
$b=new Array();
|
|
108
|
+
if (ary.length>1) {
|
|
109
|
+
for (var i = 0; i <ary.length; i++) {
|
|
110
|
+
$b.push(ary[i]);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
$error_b_=valid_b($b);
|
|
114
|
+
$b_echo_=valid_b_echo($b);
|
|
115
|
+
console.log(ary2);
|
|
116
|
+
$('div #b_valid').html(valid_b($b));
|
|
117
|
+
console.log($error_b_);
|
|
118
|
+
console.log($b_echo_);
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
$("#c").change(function(){
|
|
122
|
+
$c=$("#c option:selected").val();
|
|
123
|
+
$d=$("#d option:selected").val();
|
|
124
|
+
$('div #c_valid').html(valid_c($c));
|
|
125
|
+
$error_c_=valid_c($c);
|
|
126
|
+
$x_echo_=valid_x_echo($c, $d);
|
|
127
|
+
//console.log(valid_c($c));
|
|
128
|
+
//console.log("x="+valid_x_echo($c,$d));
|
|
129
|
+
//console.log($c);
|
|
130
|
+
});
|
|
131
|
+
$("#d").change(function(){
|
|
132
|
+
$c=$("#c option:selected").val();
|
|
133
|
+
$d=$("#d option:selected").val();
|
|
134
|
+
$('div #d_valid').html(valid_d($d));
|
|
135
|
+
$error_d_=valid_d($d);
|
|
136
|
+
$x_echo_=valid_x_echo($c, $d);
|
|
137
|
+
//console.log(valid_d($d));
|
|
138
|
+
//console.log("x="+valid_x_echo($c,$d));
|
|
139
|
+
//console.log($d);
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
$("#e input").change(function(){
|
|
143
|
+
|
|
144
|
+
$e=$("#e input:checked").val();
|
|
145
|
+
$('div #e_valid').html(valid_e($e));
|
|
146
|
+
$error_e_=valid_e($e);
|
|
147
|
+
$e_echo_=valid_e_echo($e);
|
|
148
|
+
//console.log(valid_e($e));
|
|
149
|
+
//console.log(valid_e_echo($e));
|
|
150
|
+
//console.log($e);
|
|
151
|
+
});
|
|
152
|
+
});
|
|
90
153
|
```
|
|
91
154
|
```html
|
|
92
155
|
<p>
|