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:

---

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:

---

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:

---

1 2 3 4 5 6 7

.result{ display: none; height: 50px; width: 800px;   }

---

Code:

---

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 +

une erreur? 8O

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

... à 2 reprises...

Bonsoir tout le monde

Voici les modifications que j'ai fais.

Code:

---

1 2 3 4

<input type="button" value="Ajouter" id="ajout" onclick="controle();"/>

---

Code:

---

1 2 3 4 5 6 7 8

if(document.getElementById('titre').value == " "){   Noreponse('ch1');       }

---

Cela ne fonctionne toujour pas!

A +

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:

---

if(document.getElementById('titre').value == "")

---

Ceci revient à tester si tu as un espace dans ton champ.

Code:

---

if(document.getElementById('titre').value == " ")

---

Bonne soirée.

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:

---

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:

---

1 2 3 4 5 6 7 8

if(document.getElementById('spoil').value == ""){     Noreponse('ch4');   }

---

A +

Essaye sans mettre de saut de ligne ni espaces dans le textarea :

Code:

---

<textarea name="spoil" id="spoil" cols="40" rows="20"></textarea>

---

Rebonjour

Ca fonctionne.

Merci Bovino.


A +