teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

誤字修正

2020/06/03 06:10

投稿

21212121
21212121

スコア61

title CHANGED
File without changes
body CHANGED
@@ -10,15 +10,15 @@
10
10
  import classes from "./Auth.module.css";
11
11
  const Auth = () => {
12
12
  const [authForm, setAuthForm] = useState({
13
- email: {
13
+ username: {
14
14
  elementType: "input",
15
15
  elementConfig: {
16
- type: "email",
16
+ type: "name",
17
- placeholder: "Mail Address"
17
+ placeholder: "name"
18
18
  },
19
19
  value: "",
20
20
  validation: {
21
- required: true,
21
+ required:false,
22
22
  isEmail: true
23
23
  },
24
24
  valid: false,

2

誤字修正

2020/06/03 06:10

投稿

21212121
21212121

スコア61

title CHANGED
File without changes
body CHANGED
@@ -2,7 +2,7 @@
2
2
  やりたい実装は、このようにもし何も入力してなかったらこの<p>必須項目が空欄です</p>のPタグを表示できる実装をしたいです。
3
3
  ![イメージ説明](d651742971299657e30281ac389c5c9d.png)
4
4
 
5
- しかし現在、オブジェクトとReactHooksを使って値を管理しております。
5
+ 現在、オブジェクトとReactHooksを使って値を管理しております。
6
6
  ```ここに言語を入力
7
7
  import React, { useState } from "react";
8
8
  import Input from "../../components/UI/Input/Input";

1

誤字

2020/06/03 05:44

投稿

21212121
21212121

スコア61

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,6 @@
1
1
  現在Reactのバリデーションで苦戦しております。
2
- やりたい実装は、このようにもし何も入力してなかったら送信ボタンをクリックしたらこの<p>必須項目が空欄です</p>のPタグを表示できる実装をしたいです。
2
+ やりたい実装は、このようにもし何も入力してなかったらこの<p>必須項目が空欄です</p>のPタグを表示できる実装をしたいです。
3
+ ![イメージ説明](d651742971299657e30281ac389c5c9d.png)
3
4
 
4
5
  しかし現在、オブジェクトとReactHooksを使って値を管理しております。
5
6
  ```ここに言語を入力
@@ -131,11 +132,11 @@
131
132
 
132
133
  ```
133
134
  送信ボタンをクリックしたら
135
+ ![イメージ説明](875e077bdf873a59f66136775533295c.png)
134
136
  validation:{
135
137
  required:true
136
138
  }
137
139
  に変更してもエラーが起きてうまくいきません。
140
+
138
141
  根本的にバリデーションのやり方が間違っているのでしょうか?
139
- React のフォームでもし何も入力してなかったら送信時にalertの文字を追加する方法を教えていただきたいです。
142
+ React のフォームでもし何も入力してなかったら送信時にalertの文字を追加する方法を教えていただきたいです。
140
- ![イメージ説明](875e077bdf873a59f66136775533295c.png)
141
- ![イメージ説明](d651742971299657e30281ac389c5c9d.png)