← Article précédent Article suivant →
Publié le 17 juillet 2016

Aujourd'hui nous allons créer un petit module en JavaScript Vanilla à l'aide de la structure "Module Pattern".

Introduction


Pour la création de ce module, la structure "Module Pattern" sera utilisée. En effet la création de module va permettre de rendre votre code facilement maintenable et transportable vers d'autres projets. Imaginez que ce sont des petites boîtes que vous embriqués.

En quoi consiste ce module ?


Ici notre module consistera à vérifier des conditions sur chaque champs d'un formulaire et de faire jouer une animation CSS en cas d'erreur (agitation de champs).
Il s'appliquera à tous les formulaires de nos pages ou seulement à des formulaires que l'on renseignera à l'aide d'une option.

Plus d'informations dans la vidéo.

A vous de jouer !


Voici quelques pistes pour continuer ce début de module :
  • Garnir la partie vérification en ajoutant plusieurs conditions en fonction des champs
  • Créer un sous-module pour les vérifications
  • Rendre le module compatible avec d'autres éléments de formulaires, comme select, checkbox, radio button, etc.
  • Retourner un message spécifique à chaque champs en cas d'erreur
  • Rendre le module compatible aux spécificités ES6
  • Ajouter une option pour soumettre les formulaires en utilisant Ajax

Liens relatifs à la vidéo


Retrouvez-moi sur les réseaux sociaux