質問編集履歴

3

質問分の修正

2019/07/24 08:31

投稿

j_t
j_t

スコア13

test CHANGED
File without changes
test CHANGED
@@ -68,6 +68,6 @@
68
68
 
69
69
 
70
70
 
71
- jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方で行う方法はないでしょうか?
71
+ jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方やjavascriptで行う方法はないでしょうか?
72
72
 
73
73
  [jQueryでのバリデーションのかけ方](https://www.sejuku.net/blog/44470)

2

jQueryでのバリデーションのかけ方のリンクを追加しました。

2019/07/24 08:31

投稿

j_t
j_t

スコア13

test CHANGED
File without changes
test CHANGED
@@ -65,3 +65,9 @@
65
65
  以下が実行したときの画面です。
66
66
 
67
67
  ![実行イメージ](2223b725a00b5dad07b826596edc0e75.png)
68
+
69
+
70
+
71
+ jQueryの書き方でバリデーションをかける方法もありますが、タグの書き方で行う方法はないでしょうか?
72
+
73
+ [jQueryでのバリデーションのかけ方](https://www.sejuku.net/blog/44470)

1

・バリデーションライブラリを提示しました。  ・「@section Scripts{」を削除しました。

2019/07/24 08:29

投稿

j_t
j_t

スコア13

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,10 @@
3
3
 
4
4
 
5
5
  対照的に、地に書いたinputの場合は設定されているバリデーションが機能し、エラーメッセージを表示することができます。
6
+
7
+
8
+
9
+ バリデーションライブラリはjQuery.Validation v1.17.0とMicrosoft.jQuery.Unobtrusive.Validation v3.2.11です。
6
10
 
7
11
 
8
12
 
@@ -36,27 +40,23 @@
36
40
 
37
41
 
38
42
 
39
- @section Scripts{
43
+ <script>
40
44
 
41
- <script>
45
+ function add() {
42
46
 
43
- function add() {
47
+ var div_element = document.createElement("div");
44
48
 
45
- var div_element = document.createElement("div");
49
+ 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="" />'
46
50
 
47
- 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="" />'
51
+ + '<span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="num2" id="num_vali2"></span>';
48
52
 
49
- + '<span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="num2" id="num_vali2"></span>';
53
+ var parent_object = document.getElementById("piyo");
50
54
 
51
- var parent_object = document.getElementById("piyo");
55
+ parent_object.appendChild(div_element);
52
56
 
53
- parent_object.appendChild(div_element);
57
+ }
54
58
 
55
- }
56
-
57
- </script>
59
+ </script>
58
-
59
- }
60
60
 
61
61
  ```
62
62