Sommaire

La bibliothèque Cleave

1. Les objectifs

La bibliothèque Cleave (http://nosir.github.io/cleave.js/) permet d’effectuer des vérifications et des validations de motifs de saisie dans les formulaires. Les motifs de saisie, patterns en anglais, sont des règles qui concernent les caractères à saisir ou à ne pas saisir, que doivent respecter les champs de saisie.

images/C06-007.png

Les champs utilisables sont de nombreux types et il existe de nombreuses options pour chaque type de champ. Vous avez à votre disposition une documentation détaillée sur le GitHub de cette bibliothèque : https://github.com/nosir/cleave.js

2. Installer la bibliothèque

Pour installer Cleave, vous pouvez télécharger le fichier cleave-react.min.js minimisé à cette URL : https://github.com/nosir/cleave.js/tree/master/dist

Dans le dossier de votre site web, placez ce fichier où cela vous semble le mieux. Dans cet exemple simple, le fichier est à la racine du dossier du site.

Ensuite, vous faites une liaison classique au fichier .js :

<script src="cleave.min.js"></script>

Voici la structure de la page qui va servir dans l’exemple qui va suivre :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <script ...