Créer un input remplissable 4 par 4

Louis2304
PHP

Bonjour,

Pourriez-vous m'aider à trouver une façon de créer un input de type NUMBER, qui serra séparé en 4 parties OU qui ajouterais un - automatiquement à chaque 4 chiffres.

Exemple :
http://screencloud.net/v/5A7w

Je vous demande pas forcément le code complet, juste une piste. Désolé si je ne suis pas dans le bon forum !

Merci beaucoup,
Louis

3 réponses

Azorgh
Réponse acceptée

En effet, si tu utilise jQuery, un plugin est parfait pour ça : https://github.com/RobinHerbots/jquery.inputmask

Sinon en effet en 3/4 lignes tu devrais pouvoir écrire ce qu'il faut.
-> onChange sur l'input, check sur le length, if == 4, input.text(input.val() + '-')

Xen0risDEV
Réponse acceptée

Bonjour, j'utilise ceci, simple et rapide avec jQuery : http://igorescobar.github.io/jQuery-Mask-Plugin/

Il vous suffit ensuite de faire cela : 

<input type="text" name="field-name" data-mask="0000-0000-0000-0000">

Enjoy :)

arnich

Bonjour,

En JS tu surveille l'evènement de saisie. Quand la chaine fait x caractère tu ajoute ton -
Le plus simple a mon avis est d'utiliser JQuery