回答編集履歴
5
修正
answer
CHANGED
|
@@ -36,7 +36,6 @@
|
|
|
36
36
|
data() {
|
|
37
37
|
return {
|
|
38
38
|
viewModel: {
|
|
39
|
-
Id: 0,
|
|
40
39
|
Test: null
|
|
41
40
|
},
|
|
42
41
|
|
4
修正
answer
CHANGED
|
@@ -58,7 +58,8 @@
|
|
|
58
58
|
method: {
|
|
59
59
|
validationCheck() {
|
|
60
60
|
this.isCheckedValidation = true;
|
|
61
|
+
|
|
61
|
-
|
|
62
|
+
// this.viewModel独自に用意したvueの変数、formのプロパティそのものです。
|
|
62
63
|
const viewModel = JSON.parse(JSON.stringify(this.viewModel));
|
|
63
64
|
const validationRule = JSON.parse(JSON.stringify(this.validationRule));
|
|
64
65
|
|
|
@@ -88,6 +89,7 @@
|
|
|
88
89
|
return;
|
|
89
90
|
}
|
|
90
91
|
|
|
92
|
+
const viewModel = JSON.parse(JSON.stringify(this.viewModel));
|
|
91
93
|
const token = document.getElementsByName("__RequestVerificationToken")[0].value;
|
|
92
94
|
|
|
93
95
|
axios({
|
3
修正
answer
CHANGED
|
@@ -15,9 +15,8 @@
|
|
|
15
15
|
|
|
16
16
|
・RequestVerificationTokenはそのまま使う。
|
|
17
17
|
|
|
18
|
-
・jquery、jquery-validationライブラリはASP.NET Core MVCのフレームワークのログイン認証関係で使用しているかもしれないため、削除しないようにした。
|
|
18
|
+
・jquery、jquery-validationは一切不要になった。ただし、jquery、jquery-validationライブラリはASP.NET Core MVCのフレームワークのログイン認証関係で使用しているかもしれないため、削除しないようにした。
|
|
19
19
|
|
|
20
|
-
|
|
21
20
|
```cshtml
|
|
22
21
|
// 画面
|
|
23
22
|
<div class="row mb-3">
|
2
修正
answer
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
・RequestVerificationTokenはそのまま使う。
|
|
17
17
|
|
|
18
|
-
・jquery、jquery-validationライブラリはASP.NET Core MVCのフレームワークで使用しているかもしれないため、削除しないようにした。
|
|
18
|
+
・jquery、jquery-validationライブラリはASP.NET Core MVCのフレームワークのログイン認証関係で使用しているかもしれないため、削除しないようにした。
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
```cshtml
|
1
修正
answer
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
・Bootstrap5のvalidationを表示するためには
|
|
6
6
|
inputのid="Test"と、<div class="invalid-feedback" id="TestFeedBack">{{ message.Test }}</div>の組み合わせで、validationメッセージが表示できる。
|
|
7
7
|
|
|
8
|
-
今回、vue.js 3を使用していますので、表示したい時は v-bind:class で"is-invalid"クラスを追加してあげる。
|
|
8
|
+
今回、vue.js 3を使用していますので、エラーメッセージを表示したい時は v-bind:class で"is-invalid"クラスを追加してあげる。{{ message.Test }}にメッセージを入れてあげる。
|
|
9
9
|
|
|
10
|
-
・vue.js 3と独自validationを使用するため、formタグ中のASP.NET Core MVC特有のaspタグが不要になったので全て削除した。 ※aリンクとかで一部つかっている部分はあるが。
|
|
10
|
+
・vue.js 3と独自validationを使用するため、formタグ中のASP.NET Core MVC特有のaspタグが不要になったので全て削除した。 ※aリンクとかで一部つかっている部分はあるが、formで使っているやつはいらないため全て削除した。
|
|
11
11
|
|
|
12
12
|
・サーバーのvalidationは今まで通り、ASP.NET Core MVCの ModelState.IsValid を利用。
|
|
13
13
|
|