L'API DOM est de mieux en mieux supportée et permet de gérer des règles complexes de façon assez élégante. Au travers d'un exemple simple je vous propose d'en (re)découvrir quelques méthodes et comment tirer parti de ces outils que nous avons tous à disposition. Exemple d'implémentation : https://gist.github.com/alepee/ef5dbc6479496a0efe04993b9b821f8b

1. DOM is Fantastic
Validation

2. Antoine Lépée
@alepee

4. Your image here
(and your picto on the
bottom left corner
of the slide).
Etat des lieux

5. Etat des lieux

6. Etat des lieux

7. Etat des lieux

8. Etat des lieux

9. Etat des lieux

10. Etat des lieux

11. Etat des lieux
Document
Object
Model

12. Etat des lieux

13. Etat des lieux

14. Validation
standard

15. Validation standard
C’est parti !

16. Cycle de vie

17. Cycle de vie
••••••••
SEND

18. Cycle de vie
••••••••
SEND
Element.checkValidity
boolean
submit
true

19. Cycle de vie
••••••••
SEND
Element.checkValidity
boolean
submit
true
invalid
false

20. Cycle de vie
••••••••
SEND
Element.checkValidity
boolean
submit
true
invalid
false
Input#root form

21. Affichage
des erreurs

22. Etat des lieux

23. Affichage des erreurs
C’est parti !

24. Affichage des erreurs

25. La suite ?

26. Constraint
Validation
API

27. Affichage des erreurs

28. Your image here
(and your picto on the
bottom left corner
of the slide).
En conclusion

29. En conclusion
Entièrement
Documenté

30. En conclusion
Support
Cross-browser
satisfaisant

31. En conclusion
Single
Responsability
Principle

32. En conclusion
Facile à
Tester
unitairement

33. En conclusion
Limite
la quantité
de code

34. Merci
Antoine Lépée
@alepee
@Evaneos_tech