- νμκ°μ formμ μμ±ν΄μ£ΌμΈμ.
- κ° νλλ μ ν¨μ± κ²μ¬λ₯Ό ν΅κ³Όν΄μΌν©λλ€.
field name | μ ν¨ν μ λ ₯ |
---|---|
id | νμ μ λ ₯, μ΅μ 5μ μ΄μ, μ΅λ 15μ μ΄ν |
name | νμ μ λ ₯ |
email νμ μ€μ | |
password | νμ μ λ ₯, μλ¬Έκ³Ό μ«μλ§ νμ©, μ΅μ 8μ μ΄μ, μ΅λ 20μ μ΄ν |
password-confirm | νμ μ λ ₯, μλ¬Έκ³Ό μ«μλ§ νμ©, μ΅μ 8μ μ΄μ, passwordμ κ°μ κ°μ΄μ΄μΌ ν¨ |
- νλλΌλ μ ν¨νμ§ μμ μ λ ₯μ΄ μμ κ²½μ°, μλ¬λ©μΈμ§λ₯Ό νλ©΄μ νμν©λλ€.
- λ©μΈμ§ λ΄μ©μ μλμ κ°μ΅λλ€.
-
νμκ° λ―Έμ λ ₯μ "κ°μ μ λ ₯ν΄μ£ΌμΈμ." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
μ΅μ κΈμμ λ―Έλ§μ "μ΅μ Nμ μ΄μ μ λ ₯ν΄μ£ΌμΈμ." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
μ΅λ κΈμμ μ΄κ³Όμ "μ΅λ Nμ μ΄νλ‘ μ λ ₯ν΄μ£ΌμΈμ." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
email νμ λ¬Έμ μ "μ΄λ©μΌ νμμ λ§κ² μ λ ₯ν΄μ£ΌμΈμ." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
passwordμ password-confirm λΆμΌμΉμ "λΉλ°λ²νΈκ° μΌμΉνμ§ μμ΅λλ€." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
passwordμ μλ¬Έ, μ«μ μΈμ λ¬Έμ μ λ ₯μ "μλ¬Έκ³Ό μ«μλ§ μ λ ₯ν΄μ£ΌμΈμ." λΌλ λ©μΈμ§λ₯Ό νμν©λλ€.
-
μλ¬κ° μμλλ μ μΆ λ²νΌμ΄ Disabled μ²λ¦¬λμ΄μΌ ν©λλ€.
-
μ ν¨μ± κ²μ¬λ TextFieldμ μ λ ₯μ΄ μμλλ§λ€ μ€μκ°μΌλ‘ μ΄λ£¨μ΄μ ΈμΌ ν©λλ€.
<TextField
name={'id'}
type="text"
placeholder="μμ΄λ"
validate={[required, min(5), max(15)]}
/>
- validateλ λ°°μ΄λ‘ μ λ¬λλ©°, μμλλ‘ κ²μ¬ν©λλ€.
- 첫λ²μ§Έ ν¨μμμ μ€ν¨νλ©΄ λ€μ ν¨μλ μ€νλμ§ μμ΅λλ€.
- validate ν¨μλ μλμ κ°μ΅λλ€.