回答編集履歴
3
調整
answer
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
<div><input type="number" name="num1" id="num__1" min="1" max="233"></div>
|
|
45
45
|
<div><input type="number" name="num2" id="num__2" min="1" max="233"></div>
|
|
46
46
|
<div><input type="number" name="num3" id="num__3" min="1" max="233"></div>
|
|
47
|
-
<div><input type="number" name="not_num" id="num__4"
|
|
47
|
+
<div><input type="number" name="not_num" id="num__4" ></div>
|
|
48
48
|
<input type="submit" value="go">
|
|
49
49
|
</form>
|
|
50
50
|
```
|
2
chousei
answer
CHANGED
|
@@ -20,4 +20,31 @@
|
|
|
20
20
|
<div><input type="number" name="num3" id="num__3" min="1" max="233" required></div>
|
|
21
21
|
<input type="submit" value="go">
|
|
22
22
|
</form>
|
|
23
|
+
```
|
|
24
|
+
# 追記
|
|
25
|
+
デフォルトがだめならeachでrulesを付加してみては？
|
|
26
|
+
```javascript
|
|
27
|
+
<script>
|
|
28
|
+
$(function(){
|
|
29
|
+
$("#numform").validate();
|
|
30
|
+
$("[name^=num]").each(function(){
|
|
31
|
+
$(this).rules("add", {
|
|
32
|
+
required: true,
|
|
33
|
+
messages:{
|
|
34
|
+
required: "入力必須です。",
|
|
35
|
+
number: "数字を指定してください。",
|
|
36
|
+
min: "1以上を指定してください。",
|
|
37
|
+
max: "233以上を指定してください。", }
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
});
|
|
42
|
+
</script>
|
|
43
|
+
<form id="numform">
|
|
44
|
+
<div><input type="number" name="num1" id="num__1" min="1" max="233"></div>
|
|
45
|
+
<div><input type="number" name="num2" id="num__2" min="1" max="233"></div>
|
|
46
|
+
<div><input type="number" name="num3" id="num__3" min="1" max="233"></div>
|
|
47
|
+
<div><input type="number" name="not_num" id="num__4" min="1" max="233"></div>
|
|
48
|
+
<input type="submit" value="go">
|
|
49
|
+
</form>
|
|
23
50
|
```
|
1
chousei
answer
CHANGED
|
@@ -11,19 +11,7 @@
|
|
|
11
11
|
max: "233以上を指定してください。",
|
|
12
12
|
});
|
|
13
13
|
$(function(){
|
|
14
|
-
$("#numform").validate(
|
|
14
|
+
$("#numform").validate();
|
|
15
|
-
errorElement: "span",
|
|
16
|
-
errorClass: "field-validation-valid text-danger",
|
|
17
|
-
rules: {
|
|
18
|
-
".num": {
|
|
19
|
-
required:true,
|
|
20
|
-
number: true,
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
errorPlacement: function (err, element) {
|
|
24
|
-
element.after(err);
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
15
|
});
|
|
28
16
|
</script>
|
|
29
17
|
<form id="numform">
|