BeNextCo / trombenext-frontend

beNext organization chart frontend, using React.js
0 stars 0 forks source link

US1 : Gérer les erreurs du formulaires #7

Closed DBattou closed 5 years ago

DBattou commented 5 years ago

Il existe une méthode checkValidity() qui est appelée lorsque l'on "submit" l'ensemble du formulaire. Il faudrait que l'on puisse savoir si individuellement chacun des champs du formulaire est en erreurs ou pas lorsque l'on "Submit" le form, afin des les souligner/encadré en rouge.

Ce tuto présente une manière simple de le faire (à la fin => Visualizing invalid inputs) https://medium.com/@everdimension/how-to-handle-forms-with-just-react-ac066c48bd4f et le Fiddle associé qui marche Nickel : https://jsfiddle.net/everdimension/3bo263xj/

Je n'ai pas réussi à adapter cette solution à styled-components