質問編集履歴
3
質問分の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
以下が実行したときの画面です。
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方で行う方法はないでしょうか？
|
|
36
|
+
jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方やjavascriptで行う方法はないでしょうか？
|
|
37
37
|
[jQueryでのバリデーションのかけ方](https://www.sejuku.net/blog/44470)
|
2
jQueryでのバリデーションのかけ方のリンクを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -31,4 +31,7 @@
|
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
以下が実行したときの画面です。
|
|
34
|
-
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方で行う方法はないでしょうか？
|
|
37
|
+
[jQueryでのバリデーションのかけ方](https://www.sejuku.net/blog/44470)
|
1
・バリデーションライブラリを提示しました。 ・「@section Scripts{」を削除しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
対照的に、地に書いたinputの場合は設定されているバリデーションが機能し、エラーメッセージを表示することができます。
|
|
4
4
|
|
|
5
|
+
バリデーションライブラリはjQuery.Validation v1.17.0とMicrosoft.jQuery.Unobtrusive.Validation v3.2.11です。
|
|
6
|
+
|
|
5
7
|
innerHTMLで生成する要素にバリデーションを付けてエラーメッセージが出るようにする方法はないのでしょうか？
|
|
6
8
|
教えていただけると大変助かります。
|
|
7
9
|
|
|
@@ -17,17 +19,15 @@
|
|
|
17
19
|
<div id="piyo">
|
|
18
20
|
</div>
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
</script>
|
|
30
|
-
}
|
|
22
|
+
<script>
|
|
23
|
+
function add() {
|
|
24
|
+
var div_element = document.createElement("div");
|
|
25
|
+
div_element.innerHTML = '<input name="num2" class="form-control text-box single-line" id="num__2" type="number" data-val-required="入力は必須です。" data-val="true" data-val-range-min="1" data-val-range-max="223" data-val-range="1から223までの範囲で指定してください。" data-val-number="第1オクテットには数字を指定してください。" value="" />'
|
|
26
|
+
+ '<span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="num2" id="num_vali2"></span>';
|
|
27
|
+
var parent_object = document.getElementById("piyo");
|
|
28
|
+
parent_object.appendChild(div_element);
|
|
29
|
+
}
|
|
30
|
+
</script>
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
以下が実行したときの画面です。
|