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 :

Détecter champ texte vide.


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    1 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 124
    Par défaut Détecter champ texte vide.
    Bonjour tout le monde

    Je souhaiterais afficher un message quand le champ d'un formulaire est vide.

    Voici les codes:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    <form name="enregistrer" method="post"> 
     
    label for="titre"> 
    <font color="#336699"> Titre de la vidéo:</font><br/>
    <input type="text" name="titre" id="titre"/>  
    </label>
     
    <input type="button" value="Ajouter" id="ajout" onclick="javascript:controle()"/>
     
    </form>


    Code : 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
     
     
    function controle(){
     
     
    		if(document.getElementById('titre').value == " "){ 	
     
    		javascript:Noreponse('ch1');
     
     
     
    		}
     
     
    }
     
     
    function Noreponse(quest){
     
     
    	document.getElementById(quest).style.display = "block";
     
     
     
    }


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    .result{
      display: none;
      height: 50px;
      width: 800px;
     
    }

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <p id="ch1" class="result">
     
    <FONT COLOR="#990000">Vous avez oublié de remplir le champ titre.</FONT>
     
     
    </p>
    Mon problème est que rien ne ce passe lors du teste.

    Y a t'il une erreur?


    A +

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    une erreur?

    la plus grosse est l'utilisation de ces 11 caractères: javascript:

    ... à 2 reprises...

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    1 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 124
    Par défaut
    Bonsoir tout le monde

    Voici les modifications que j'ai fais.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
     
     
    <input type="button" value="Ajouter" id="ajout" onclick="controle();"/>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    if(document.getElementById('titre').value == " "){ 	
     
    		Noreponse('ch1');
     
     
     
    		}

    Cela ne fonctionne toujour pas!

    A +

  4. #4
    Membre averti
    Inscrit en
    Septembre 2004
    Messages
    40
    Détails du profil
    Informations forums :
    Inscription : Septembre 2004
    Messages : 40
    Par défaut
    Bonsoir Argon,

    Pour tester si un champ est vide, il faut le tester sur une string vide et non pas sur un espace comme tu le fais.

    essaye avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if(document.getElementById('titre').value == "")

    Ceci revient à tester si tu as un espace dans ton champ.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if(document.getElementById('titre').value == " ")

    Bonne soirée.

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    1 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 124
    Par défaut
    Bonjour tout le monde

    Merci Aleksis.

    Ca fonctionne, à pars pour le textarea, mais pour les autres champs il n'y a pas de problème.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <label for="spoil"> 
    <font color="#336699"> Déscriptif de la vidéo:</font><br/>
    <textarea name="spoil" id="spoil" cols="40" rows="20">
     
     </textarea>
     
     </label>

    Pour un textarea ce n'est pas comme ci dessous?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
     
     if(document.getElementById('spoil').value == ""){ 
     
     
     Noreponse('ch4');
     
    		  }

    A +

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Essaye sans mettre de saut de ligne ni espaces dans le textarea :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <textarea name="spoil" id="spoil" cols="40" rows="20"></textarea>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    1 124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 124
    Par défaut
    Rebonjour

    Ca fonctionne.

    Merci Bovino.


    A +

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

Discussions similaires

  1. [2.x] [Form] Valider un champ texte vide
    Par pc.bertineau dans le forum Symfony
    Réponses: 8
    Dernier message: 24/06/2011, 11h35
  2. [AC-2007] Problème de syntaxe champ texte vide
    Par franckimmo dans le forum Requêtes et SQL.
    Réponses: 1
    Dernier message: 19/02/2010, 18h04
  3. Recherche sur champ texte vide impossible
    Par DelphiCool dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 14/02/2009, 17h42
  4. Tester un champ texte vide avec DLookup
    Par spoker04 dans le forum VBA Access
    Réponses: 3
    Dernier message: 16/09/2008, 13h34
  5. SQL Autoriser champ texte vide
    Par kilimanjaro dans le forum Requêtes et SQL.
    Réponses: 8
    Dernier message: 09/06/2007, 17h41

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