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

編集履歴

質問編集履歴

19

修正

2021/05/26 03:58

投稿

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

18

修正

2021/05/26 03:58

投稿

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

17

2021/05/26 03:58

投稿

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

16

2021/05/15 01:30

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -6,6 +6,7 @@
6
6
  Bootstrap 5 Validationのリンク
7
7
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
8
8
 
9
+ 例えばとして下記のモデル
9
10
  ```C#
10
11
  using System;
11
12
  using System.Collections.Generic;

15

2021/05/15 01:23

投稿

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

14

2021/05/15 01:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- (質問内容を訂正しましま。)
1
+ (質問内容を訂正しました。)
2
2
  ASP.NET Core MVC フレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQuery を使用しないようにする方法を教えて下さい。
3
3
 
4
4
  利用ツール：Visual Studio 2019 Pro、.NET5
@@ -44,10 +44,4 @@
44
44
  <div id="TestNameFeedback" class="valid-feedback">
45
45
  ここにエラーメッセージ
46
46
  </div>
47
- ```
47
+ ```
48
-
49
- (追記)
50
- Bootstrap 5 サイトから引用
51
- ASP.NET MVC フレームワーク組み込みの検証機能を使う以外のカスタムの方法として、下記のようにできないかを考えたいです。
52
-
53
- ![イメージ説明](91a65dc4e17b095018e4140e22c1185d.jpeg)

13

2021/05/15 01:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,17 +1,9 @@
1
+ (質問内容を訂正しましま。)
1
- Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
2
+ ASP.NET Core MVC フレームワークで、Bootstrap4をBootstrap5 にアップグレードするにあたって、jQueryの利用を一切やめたいので、ASP.NET Core MVC フレームワーク組み込みの検証機能に手を加えて、jQuery を使用しないようにする方法を教えて下さい。
2
3
 
3
4
  利用ツール：Visual Studio 2019 Pro、.NET5
4
5
 
5
- Bootstrap5にサーバーサイド検証の機能はあるのですが、
6
- "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
7
- BootStrap5専用のタグは出力できないです。
8
-
9
-
10
-
11
- タグヘルパーなどのカスタムクラスで対応可能する方法をご存じであればご教授お願いしたく。
12
- よろしくお願いします。
13
-
14
- Bootstrap 5 Validation
6
+ Bootstrap 5 Validationのリンク
15
7
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
16
8
 
17
9
  ```C#
@@ -36,7 +28,7 @@
36
28
  }
37
29
  ```
38
30
 
39
- ■　Bootstrap 4
31
+ ■　Bootstrap 4の場合
40
32
 
41
33
  ```cshtml
42
34
  <input type="text" asp-for="TestName" class="form-control" />
@@ -45,7 +37,7 @@
45
37
  </div>
46
38
  ```
47
39
 
48
- ■　Bootstrap 5
40
+ ■　Bootstrap 5の場合にどうするか
49
41
 
50
42
  ```cshtml
51
43
  <input type="text" asp-for="TestName" class="form-control is-valid">

12

修正

2021/05/15 01:21

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,7 @@
1
- ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
2
1
  Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
3
2
 
3
+ 利用ツール：Visual Studio 2019 Pro、.NET5
4
+
4
5
  Bootstrap5にサーバーサイド検証の機能はあるのですが、
5
6
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
6
7
  BootStrap5専用のタグは出力できないです。

11

修正

2021/05/14 06:50

投稿

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

10

修正

2021/05/14 06:48

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes

9

修正

2021/05/14 06:46

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- ASP.NET Core MVCで　Bootstrap5のvalidationでjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
1
+ Bootstrap5のvalidationでASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
body CHANGED
@@ -1,10 +1,12 @@
1
1
  ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
2
- Bootstrap5のvalidationで、jquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
2
+ Bootstrap5のvalidationで、ASP.NET Core MVCフレームワーク組込のjquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
3
3
 
4
4
  Bootstrap5にサーバーサイド検証の機能はあるのですが、
5
5
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
6
6
  BootStrap5専用のタグは出力できないです。
7
7
 
8
+
9
+
8
10
  タグヘルパーなどのカスタムクラスで対応可能にする方法をご存じであればご教授お願いしたく。
9
11
  よろしくお願いします。
10
12
 

8

修正

2021/05/14 06:44

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- ASP.NET Core MVCで　Bootstrap5のvalidationで、サーバーサイドの検証を使う方法を教えて下さい。
1
+ ASP.NET Core MVCで　Bootstrap5のvalidationでjquery-validationを使わずに、Modelの検証を使う方法を教えて下さい。
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ASP.NET Core MVC (.NET5, Visual Studio 2019 Pro)で、
2
- Bootstrap5のvalidationで、サーバーサイドの検証を使う方法はありますでしょうか？
2
+ Bootstrap5のvalidationで、jquery-validationを使わずに、Modelの検証を使う方法はありますでしょうか？
3
3
 
4
4
  Bootstrap5にサーバーサイド検証の機能はあるのですが、
5
5
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、

7

修正

2021/05/14 06:43

投稿

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

6

追記

2021/05/14 03:19

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -49,4 +49,8 @@
49
49
  <div id="TestNameFeedback" class="valid-feedback">
50
50
  ここにエラーメッセージ
51
51
  </div>
52
- ```
52
+ ```
53
+
54
+ (追記)
55
+ Bootstrap 5 サイトから引用
56
+ ![イメージ説明](91a65dc4e17b095018e4140e22c1185d.jpeg)

5

修正

2021/05/14 03:17

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -11,10 +11,6 @@
11
11
  Bootstrap 5 Validation
12
12
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
13
13
 
14
- ASP.NET MVC で formValidation を使う
15
- [https://tech.blog.aerie.jp/entry/2015/05/03/181049](https://tech.blog.aerie.jp/entry/2015/05/03/181049)
16
- ※jquery-validationを使っていない人の記事も参考にしてます。
17
-
18
14
  ```C#
19
15
  using System;
20
16
  using System.Collections.Generic;

4

修正

2021/05/14 00:26

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -11,6 +11,10 @@
11
11
  Bootstrap 5 Validation
12
12
  [https://getbootstrap.jp/docs/5.0/forms/validation/](https://getbootstrap.jp/docs/5.0/forms/validation/)
13
13
 
14
+ ASP.NET MVC で formValidation を使う
15
+ [https://tech.blog.aerie.jp/entry/2015/05/03/181049](https://tech.blog.aerie.jp/entry/2015/05/03/181049)
16
+ ※jquery-validationを使っていない人の記事も参考にしてます。
17
+
14
18
  ```C#
15
19
  using System;
16
20
  using System.Collections.Generic;

3

修正

2021/05/14 00:25

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
6
6
  BootStrap5専用のタグは出力できないです。
7
7
 
8
- タグヘルパーなどのカスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
8
+ タグヘルパーなどのカスタムクラスで対応可能にする方法をご存じであればご教授お願いしたく。
9
9
  よろしくお願いします。
10
10
 
11
11
  Bootstrap 5 Validation

2

修正

2021/05/14 00:17

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  "asp-validation-for"タグはBootstrap4のjquery-validationのものでspanでその専用タグを出力するので、
6
6
  BootStrap5専用のタグは出力できないです。
7
7
 
8
- カスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
8
+ タグヘルパーなどのカスタムクラスなどで対応可能にする方法をご存じであればご教授お願いしたく。
9
9
  よろしくお願いします。
10
10
 
11
11
  Bootstrap 5 Validation

1

修正

2021/05/14 00:17

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -36,7 +36,7 @@
36
36
  ■　Bootstrap 4
37
37
 
38
38
  ```cshtml
39
- <input asp-for="TestName" class="form-control" />
39
+ <input type="text" asp-for="TestName" class="form-control" />
40
40
  <div>
41
41
  <span asp-validation-for="TestName" class="text-danger" style="width: 100%;"></span>
42
42
  </div>
@@ -45,7 +45,7 @@
45
45
  ■　Bootstrap 5
46
46
 
47
47
  ```cshtml
48
- <input type="text" class="form-control is-valid" id="TestName">
48
+ <input type="text" asp-for="TestName" class="form-control is-valid">
49
49
  <div id="TestNameFeedback" class="valid-feedback">
50
50
  ここにエラーメッセージ
51
51
  </div>