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 :

controle des champs de saisie


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    59
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 59
    Points : 37
    Points
    37
    Par défaut controle des champs de saisie
    bonjour;

    pour controller des champs d'inscription :nom;prenom;e-mail...etc
    j'ai opter pour javascrite:
    devant chaque champs ,j'ai defini un message d'erreur possible

    exemple : "mail: saisir un mail valide svp"

    j'ai controllé avec les exp regulieres ce qui saisie l'utilisateur ,et je voudrai ,en fonction de la validite de l'email,afficher le message d'erreur ou pas(sa propriete
    display=true ou false?).

    question :la syntaxe pour dir que cette element affiché,ou caché.

    marci

    voici mon code source.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <table border="1" align="center"  >
     
          <tr><td colspan="2">Merci de m'indiquer :</td></tr>
    	  <tr><td>Votre nom:<input type="text" name="f_nom" size="20" value="<?php echo $f_nom ?>"  ></td> 
    	  <td id="mes1"><font color="#FF0000">indiquez votre nom.</font></td></tr>
    	  <tr><td>Votre prenom:<input type="text" name="f_prenom" size="20" value="<?php echo $f_prenom?>" > </td>
    	  <td id="mes2"><font color="#FF0000">indiquez votre prenom.</font></td></tr>
     
    	 <tr><td>Votre email:<input type="text" name="f_mail" size="40" value="<?php echo $f_mail ?>" ></td><td id="mes3"><font color="#FF0000">indiquez votre mail.</font></td>
    	 <td><input type="hidden" name="f_valid" value="1" ><input type="submit" value="envoyer" ></td></tr>
    	 </table></form><br><br>

  2. #2
    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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    je suis sur qu'il y a tout ce qu'il faut par là : http://javascript.developpez.com/faq/?page=Form

    sinon pour afficher ou masquer un element il y a deux possibilités:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style.display='none' ou 'block'
    retire l'element du flux de la page
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style.visibility='hidden' ou 'visible'
    masque l'objet mais sa place n'est pas prise par les autres éléments

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    59
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 59
    Points : 37
    Points
    37
    Par défaut
    moi j'est opté pour la modification du champs d'erreur,en procedant ainsi

    code:

    <td id='mess1' ><font color="#FF0000" >vous avez oublié ce champs la</font></td>

    document.getElementById('mess1').value="error";

    c-a-d :si le champs est incorrect je modifie le contenu du champs erreur;qui est initialisé a vide;mais ça n'a pas marché!!!

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    un td n'a pad de value...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('mess1').innerHTML="error";

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Controle des champs saisies sur une Applet
    Par bellemlih dans le forum Interfaces Graphiques en Java
    Réponses: 4
    Dernier message: 21/01/2008, 15h57
  2. controle des champs dans formulaire
    Par nima5 dans le forum IHM
    Réponses: 7
    Dernier message: 31/12/2007, 13h10
  3. dimensionnement des champs de saisie/champs table
    Par pcappell dans le forum WinDev
    Réponses: 2
    Dernier message: 18/04/2007, 09h58
  4. [débutant] Ordre des champs de saisie par la touche tab
    Par almisuifre dans le forum C++Builder
    Réponses: 10
    Dernier message: 03/03/2005, 19h45
  5. Calcul dans des champs de saisie
    Par leeloo076 dans le forum ASP
    Réponses: 4
    Dernier message: 07/04/2004, 10h09

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