teratail
回答率
85.46%
質問するログイン新規登録
トップに関する質問ASP.NET Core MVCフレームワークでBootstrap5のvalidationを使う手段を教えて下さい。

編集履歴

質問編集履歴

19

修正

2021/05/26 03:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,4 @@
1
- ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、
1
+ ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、クライアントのvalidationを使う手段として、どのようなものがあるかを教えて下さい。
2
-
3
- クライアントのvalidationを使う手段として、どのようなものがあるかを教えて下さい。
4
2
 
5
3
 
6
4
 

18

修正

2021/05/26 03:58

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- Bootstrap5のvalidationでASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
1
+ ASP.NET Core MVCフレームワークでBootstrap5のvalidationを使う手段を教えて下さい。
test CHANGED
@@ -1,10 +1,6 @@
1
- (質問内容を訂正しました。)
1
+ ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、
2
2
 
3
- ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQueryを使用しないようにする方法を教えて下さい。
4
-
5
-
6
-
7
- asp-validation-forのタグ出力がjquery-validationのものになっている部分を変更できないか考えています。
3
+ クライアントのvalidationを使う手段として、どのようなものがあるかを教えて下さい。
8
4
 
9
5
 
10
6
 

17

2021/05/26 03:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,10 @@
1
1
  (質問内容を訂正しました。)
2
2
 
3
3
  ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQueryを使用しないようにする方法を教えて下さい。
4
+
5
+
6
+
7
+ asp-validation-forのタグ出力がjquery-validationのものになっている部分を変更できないか考えています。
4
8
 
5
9
 
6
10
 

16

2021/05/15 01:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,8 @@
13
13
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
14
14
 
15
15
 
16
+
17
+ 例えばとして下記のモデル
16
18
 
17
19
  ```C#
18
20
 

15

2021/05/15 01:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  (質問内容を訂正しました。)
2
2
 
3
- ASP.NET Core MVC フレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQuery を使用しないようにする方法を教えて下さい。
3
+ ASP.NET Core MVCフレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQueryを使用しないようにする方法を教えて下さい。
4
4
 
5
5
 
6
6
 

14

2021/05/15 01:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- (質問内容を訂正しましま。)
1
+ (質問内容を訂正しました。)
2
2
 
3
3
  ASP.NET Core MVC フレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQuery を使用しないようにする方法を教えて下さい。
4
4
 
@@ -91,15 +91,3 @@
91
91
  </div>
92
92
 
93
93
  ```
94
-
95
-
96
-
97
- (追記)
98
-
99
- Bootstrap 5 サイトから引用
100
-
101
- ASP.NET MVC フレームワーク組み込みの検証機能を使う以外のカスタムの方法として、下記のようにできないかを考えたいです。
102
-
103
-
104
-
105
- ![イメージ説明](91a65dc4e17b095018e4140e22c1185d.jpeg)

13

2021/05/15 01:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
+ (質問内容を訂正しましま。)
2
+
1
- Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
3
+ ASP.NET Core MVC フレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQuery を使用しないようにする方法を教えて下さい。
2
4
 
3
5
 
4
6
 
@@ -6,25 +8,7 @@
6
8
 
7
9
 
8
10
 
9
- Bootstrap5にサーバーサイド検証の機能はあるのですが、
10
-
11
- "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
12
-
13
- BootStrap5専用のタグは出力できないです。
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
- タグヘルパーなどのカスタムクラスで対応可能する方法をご存じであればご教授お願いしたく。
22
-
23
- よろしくお願いします。
24
-
25
-
26
-
27
- Bootstrap 5 Validation
11
+ Bootstrap 5 Validationのリンク
28
12
 
29
13
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
30
14
 
@@ -74,7 +58,7 @@
74
58
 
75
59
 
76
60
 
77
- ■　Bootstrap 4
61
+ ■　Bootstrap 4の場合
78
62
 
79
63
 
80
64
 
@@ -92,7 +76,7 @@
92
76
 
93
77
 
94
78
 
95
- ■　Bootstrap 5
79
+ ■　Bootstrap 5の場合にどうするか
96
80
 
97
81
 
98
82
 

12

修正

2021/05/15 01:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
- ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
1
+ Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
2
2
 
3
+
4
+
3
- Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
5
+ 利用ツール：Visual Studio 2019 Pro、.NET5
4
6
 
5
7
 
6
8
 

11

修正

2021/05/14 06:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
 
18
18
 
19
- タグヘルパーなどのカスタムクラスで対応可能にする方法をご存じであればご教授お願いしたく。
19
+ タグヘルパーなどのカスタムクラスで対応可能する方法をご存じであればご教授お願いしたく。
20
20
 
21
21
  よろしくお願いします。
22
22
 

10

修正

2021/05/14 06:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

9

修正

2021/05/14 06:46

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- ASP.NET Core MVCで　Bootstrap5のvalidationでjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
1
+ Bootstrap5のvalidationでASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
2
2
 
3
- Bootstrap5のvalidationで、jquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
3
+ Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
4
4
 
5
5
 
6
6
 
@@ -9,6 +9,10 @@
9
9
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
10
10
 
11
11
  BootStrap5専用のタグは出力できないです。
12
+
13
+
14
+
15
+
12
16
 
13
17
 
14
18
 

8

修正

2021/05/14 06:44

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- ASP.NET Core MVCで　Bootstrap5のvalidationで、サーバーサイドの検証を使う方法を教えて下さい。
1
+ ASP.NET Core MVCで　Bootstrap5のvalidationでjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
2
2
 
3
- Bootstrap5のvalidationで、サーバーサイドの検証を使う方法はありますでしょうか？
3
+ Bootstrap5のvalidationで、jquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
4
4
 
5
5
 
6
6
 

7

修正

2021/05/14 06:43

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -108,4 +108,8 @@
108
108
 
109
109
  Bootstrap 5 サイトから引用
110
110
 
111
+ ASP.NET MVC フレームワーク組み込みの検証機能を使う以外のカスタムの方法として、下記のようにできないかを考えたいです。
112
+
113
+
114
+
111
115
  ![イメージ説明](91a65dc4e17b095018e4140e22c1185d.jpeg)

6

追記

2021/05/14 03:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -101,3 +101,11 @@
101
101
  </div>
102
102
 
103
103
  ```
104
+
105
+
106
+
107
+ (追記)
108
+
109
+ Bootstrap 5 サイトから引用
110
+
111
+ ![イメージ説明](91a65dc4e17b095018e4140e22c1185d.jpeg)

5

修正

2021/05/14 03:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -21,14 +21,6 @@
21
21
  Bootstrap 5 Validation
22
22
 
23
23
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
24
-
25
-
26
-
27
- ASP.NET MVC で formValidation を使う
28
-
29
- [https://tech.blog.aerie.jp/entry/2015/05/03/181049](https://tech.blog.aerie.jp/entry/2015/05/03/181049)
30
-
31
- ※jquery-validationを使っていない人の記事も参考にしてます。
32
24
 
33
25
 
34
26
 

4

修正

2021/05/14 00:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,14 @@
21
21
  Bootstrap 5 Validation
22
22
 
23
23
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
24
+
25
+
26
+
27
+ ASP.NET MVC で formValidation を使う
28
+
29
+ [https://tech.blog.aerie.jp/entry/2015/05/03/181049](https://tech.blog.aerie.jp/entry/2015/05/03/181049)
30
+
31
+ ※jquery-validationを使っていない人の記事も参考にしてます。
24
32
 
25
33
 
26
34
 

3

修正

2021/05/14 00:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- タグヘルパーなどのカスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
15
+ タグヘルパーなどのカスタムクラスで対応可能にする方法をご存じであればご教授お願いしたく。
16
16
 
17
17
  よろしくお願いします。
18
18
 

2

修正

2021/05/14 00:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- カスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
15
+ タグヘルパーなどのカスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
16
16
 
17
17
  よろしくお願いします。
18
18
 

1

修正

2021/05/14 00:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  ```cshtml
76
76
 
77
- <input asp-for="TestName" class="form-control" />
77
+ <input type="text" asp-for="TestName" class="form-control" />
78
78
 
79
79
  <div>
80
80
 
@@ -92,7 +92,7 @@
92
92
 
93
93
  ```cshtml
94
94
 
95
- <input type="text" class="form-control is-valid" id="TestName">
95
+ <input type="text" asp-for="TestName" class="form-control is-valid">
96
96
 
97
97
  <div id="TestNameFeedback" class="valid-feedback">
98
98