Intl-tel-input, une librairie JQuery pour valider les numéros de téléphone dans une application web

Partagez sur:

Intl-tel-input(International Telephone Input) est un plugin jQuery utile qui transforme l’entrée standard en une entrée téléphonique internationale avec une liste déroulante de drapeau national. En cliquant sur la liste déroulante, il répertorie tous les pays et leurs indicatifs internationaux à côté de leurs drapeaux. Idéal pour les visiteurs internationaux de votre site web.

Dans ce tutoriel, nous allons voir l’utilisation basique de ce plugin,

  1. Utilisation basique

1. Incluez intlTelInput.css dans la section head de votre page

1

<link rel="stylesheet" href="build/css/intlTelInput.css">

2. Créez un champ de saisie téléphonique standard.

<input type="tel" id="demo" placeholder="">

3. Incluez la bibliothèque
jQuery javascript et le plugin jQuery International Telephone Input
au bas de votre page.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

2

<script src="build/js/intlTelInput.js"></script>

4. Initialisez le plugin et
nous avons terminé.

1

$("#demo").intlTelInput();

Conclusion

Pour
une utilisation avancée de ce plugin, veuillez vous référer à la documentation officiel du plugin


Partagez sur: