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 :

Masque de saisie pour zone de text


Sujet :

JavaScript

  1. #1
    Membre confirm� Avatar de achos
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2006
    Messages
    147
    D�tails du profil
    Informations personnelles :
    Localisation : Maroc

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 147
    Par d�faut Masque de saisie pour zone de text
    Bonjour tout le monde,
    J'ai un formulaire que je doit contr�ler en utilisant des masque de saisie;
    Pour les champs numerique j'ai r�alis� le masque c simple juste :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    if (code <48 || code > 57 )
    mais j'ai un champs Alphanum�rique (N� de patente) de ce type : AA###A##
    A => lettre
    # => numero
    pourriez vous m'aider pour r�aliser un masque de saisie pour cette zone de texte
    et merci d'avance.

  2. #2
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    bonjour,

    avec des expressions r�guli�res :
    Code jaavscript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
     
    <html>
    <head>
    <title></title>
     
    <script type="text/javascript">
    <!--
    function testSaisie()
    {
     var exp = new RegExp("^[a-zA-z]{2}[0-9]{3}[a-zA-z]{1}[0-9]{2}$","gi");
     var data = document.getElementById("idInput").value;
     
     if (data.match(exp))
        alert("ok");
     else
         alert("raté"); 
    }
     
    //-->
    </script>
     
    </head>
     
    <body>
     
    <input id="idInput" size="10" maxlength="8" />
     
    <input type="button" value="Bouton" onclick="testSaisie()" />
     
    </body>
     
    </html>

  3. #3
    Membre confirm� Avatar de achos
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2006
    Messages
    147
    D�tails du profil
    Informations personnelles :
    Localisation : Maroc

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 147
    Par d�faut
    Salut,
    Marci bien pour l'exemple avec les regex.
    ca marche tr�s bien mais pour mon pb je veux tester la valeur du champ au moment de la saisie.
    c-�-d pour le mask AA###A## : pour la premiere fois lorsque je tape un N� c ne marche pas, c'est sulement les caract�res alphab�ts qui sont autoris� puis au troisi�me caract�re se ne sont que les num�ros et ainsi de suite.
    voici mon exemple pour un champ num�rique.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <script language="javascript">
    function valideChiffre(code){
                 if (code <48 || code > 57 ) return 0;
                 return code;
       }
    function test() {
                 window.event.keyCode = valideChiffre(window.event.keyCode);
               } 
    </script>
     
    N° RC:<input type="text" name="n_rc" maxlength="5" onKeyPress="test()">
    Merci

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    au moment de la saisie sur le onkeyup ...

    faudrait un regExp qui determine que la saisie commence par ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Membre confirm� Avatar de achos
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2006
    Messages
    147
    D�tails du profil
    Informations personnelles :
    Localisation : Maroc

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 147
    Par d�faut
    oui exactement ca sera r�aliser par l'evenement OnKeyup mais pour la regex je sait pas comment autoris� ou annuler la saisie des chiffres et des lettre a l'emplacement pr�cis.
    la regex sera de ce type
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    RegExp("^[a-zA-z]{2}[0-9]{3}[a-zA-z]{1}[0-9]{2}$",$_POST['champ']);
    comme a signal� monsieur l'Auteur

  6. #6
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    Franchement analyser la cha�ne au moment de la saisie risque d'�te fastidieux pour l'utilisateur.

  7. #7
    Membre confirm� Avatar de achos
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2006
    Messages
    147
    D�tails du profil
    Informations personnelles :
    Localisation : Maroc

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2006
    Messages : 147
    Par d�faut
    Merci pour vos r�ponses, finalement j'ai trouv� une autre mani�re pour r�soudre le pb je vais cr�er 4 zone de texte l'une � cote de l'autre pour chaque type de caract�re et je fais le test pour chaque zone et enfin pour la sauvegare je peux faire la concat�nation des 4 valeurs.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    //valeur AA###A##
    <input type='text' name='txt1' value='AA' >
    <input type='text' name='txt2' value='###' >
    <input type='text' name='txt3' value='A' >
    <input type='text' name='txt4' value='##' >
     
    // enfin la concaténation
     
    $ma_valeur = $_POST['txt1'] .$_POST['txt2'] .$_POST['txt3'] .$_POST['txt4']

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [A-02] Masque de saisie pour un champ texte
    Par jenniferIUP dans le forum IHM
    R�ponses: 5
    Dernier message: 23/02/2009, 09h40
  2. masque de saisie pour une inputbox ?
    Par tomo0013 dans le forum IHM
    R�ponses: 3
    Dernier message: 23/02/2007, 11h28
  3. [RegEx] Masque de saisie pour formulaire
    Par achos dans le forum Langage
    R�ponses: 6
    Dernier message: 12/02/2007, 17h04
  4. masque de saisie et zone de liste
    Par noname_971 dans le forum IHM
    R�ponses: 2
    Dernier message: 15/02/2006, 15h19
  5. javascript pour zone de text
    Par ridondo dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 15/12/2005, 16h43

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