質問編集履歴
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
|
|
23
23
|
const [authForm, setAuthForm] = useState({
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
username: {
|
|
26
26
|
|
|
27
27
|
elementType: "input",
|
|
28
28
|
|
|
29
29
|
elementConfig: {
|
|
30
30
|
|
|
31
|
-
type: "e
|
|
31
|
+
type: "name",
|
|
32
|
-
|
|
32
|
+
|
|
33
|
-
placeholder: "
|
|
33
|
+
placeholder: "name"
|
|
34
34
|
|
|
35
35
|
},
|
|
36
36
|
|
|
@@ -38,9 +38,37 @@
|
|
|
38
38
|
|
|
39
39
|
validation: {
|
|
40
40
|
|
|
41
|
+
required:false,
|
|
42
|
+
|
|
43
|
+
isEmail: true
|
|
44
|
+
|
|
45
|
+
},
|
|
46
|
+
|
|
47
|
+
valid: false,
|
|
48
|
+
|
|
49
|
+
touched: false
|
|
50
|
+
|
|
51
|
+
},
|
|
52
|
+
|
|
53
|
+
password: {
|
|
54
|
+
|
|
55
|
+
elementType: "input",
|
|
56
|
+
|
|
57
|
+
elementConfig: {
|
|
58
|
+
|
|
59
|
+
type: "password",
|
|
60
|
+
|
|
61
|
+
placeholder: "Password"
|
|
62
|
+
|
|
63
|
+
},
|
|
64
|
+
|
|
65
|
+
value: "",
|
|
66
|
+
|
|
67
|
+
validation: {
|
|
68
|
+
|
|
41
69
|
required: true,
|
|
42
70
|
|
|
43
|
-
|
|
71
|
+
minLength: 6
|
|
44
72
|
|
|
45
73
|
},
|
|
46
74
|
|
|
@@ -48,34 +76,6 @@
|
|
|
48
76
|
|
|
49
77
|
touched: false
|
|
50
78
|
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
password: {
|
|
54
|
-
|
|
55
|
-
elementType: "input",
|
|
56
|
-
|
|
57
|
-
elementConfig: {
|
|
58
|
-
|
|
59
|
-
type: "password",
|
|
60
|
-
|
|
61
|
-
placeholder: "Password"
|
|
62
|
-
|
|
63
|
-
},
|
|
64
|
-
|
|
65
|
-
value: "",
|
|
66
|
-
|
|
67
|
-
validation: {
|
|
68
|
-
|
|
69
|
-
required: true,
|
|
70
|
-
|
|
71
|
-
minLength: 6
|
|
72
|
-
|
|
73
|
-
},
|
|
74
|
-
|
|
75
|
-
valid: false,
|
|
76
|
-
|
|
77
|
-
touched: false
|
|
78
|
-
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
});
|
2
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
現在、オブジェクトとReactHooksを使って値を管理しております。
|
|
10
10
|
|
|
11
11
|
```ここに言語を入力
|
|
12
12
|
|
1
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
現在Reactのバリデーションで苦戦しております。
|
|
2
2
|
|
|
3
|
-
やりたい実装は、このようにもし何も入力してなかったら
|
|
3
|
+
やりたい実装は、このようにもし何も入力してなかったらこの<p>必須項目が空欄です</p>のPタグを表示できる実装をしたいです。
|
|
4
|
+
|
|
5
|
+
|
|
4
6
|
|
|
5
7
|
|
|
6
8
|
|
|
@@ -264,6 +266,8 @@
|
|
|
264
266
|
|
|
265
267
|
送信ボタンをクリックしたら
|
|
266
268
|
|
|
269
|
+
|
|
270
|
+
|
|
267
271
|
validation:{
|
|
268
272
|
|
|
269
273
|
required:true
|
|
@@ -272,10 +276,8 @@
|
|
|
272
276
|
|
|
273
277
|
に変更してもエラーが起きてうまくいきません。
|
|
274
278
|
|
|
279
|
+
|
|
280
|
+
|
|
275
281
|
根本的にバリデーションのやり方が間違っているのでしょうか？
|
|
276
282
|
|
|
277
283
|
React のフォームでもし何も入力してなかったら送信時にalertの文字を追加する方法を教えていただきたいです。
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|