IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Padding interne à un input text pour carte bancaire ou téléphone


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif Avatar de Aizen64
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    563
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 563
    Par défaut Padding interne à un input text pour carte bancaire ou téléphone
    Bopnjour,

    Sur différents sites d'e-commerce, il m'arrive de voir des champs de faisie de carte bancaire ou téléphone qui ajoutent à la volée du padding entre caractères à la volée.

    Sur un champ de carte bancaire, les chiffres sont séparés en séries de 4.

    L'attribut autocomplete permet de restreindre dans certains cas les valeurs saisies mais je ne comprend pas comment effectuer ce type d'opération à la volée.

    Possible erreur de forum d'ailleurs, c'est certainement du Javascript.

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    C’est certainement du JavaScript en effet. Il y a tout un tas de manière de le faire, mais je pense que le point commun c’est de surveiller la saisie au clavier avec l’évènement keypress, et de modifier la value du champ. On peut aussi utiliser une structure HTML complexe, par exemple plusieurs inputs qui sont déguisés via CSS pour faire croire qu’il n’y a qu’un seul champ, et utiliser la méthode select() ou focus() pour passer de l’un à l’autre.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

Discussions similaires

  1. Input text pour rechercher un texte
    Par soeursourire dans le forum jQuery
    Réponses: 6
    Dernier message: 05/05/2016, 14h07
  2. Pb Mozilla (recup valeur pour remplir champ input text)
    Par seb92 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 29/03/2007, 11h01
  3. Réponses: 1
    Dernier message: 06/10/2006, 12h50
  4. [HTML] Propriétés pour modifier le nombre de ligne d'un input text ?
    Par Thauglor dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 17/05/2006, 11h05
  5. Mettre un input text sans la bordure 3d comme le champ pour
    Par hstlaurent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 29/08/2005, 21h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo