Page 1 sur 1

Activer un bouton si champ rempli

Posté : 12 oct. 2006, 18:31
par SuG
Bonjour

J'ai un formulaire dans un forum, avec
- un champ INPUT 'nom' où on met son nom
- une zone texte
- un bouton 'envoyer'


Comment faire pour que le bouton 'envoyer' ne soit actif ou visible que si le champ 'nom' contient quelque chose ?

Ou alors, soyons fou, comment faire pour qu'un message apparaisse quand on clique sur le bouton indiquant que le nom n'a pas été fourni ?

D'avance merci

Re: Activer un bouton si champ rempli

Posté : 12 oct. 2006, 20:02
par ouckileou
Comment faire pour que le bouton 'envoyer' ne soit actif ou visible que si le champ 'nom' contient quelque chose ?

Code : Tout sélectionner

if(document.getElementById('id_de_ton_champ').value != '') { document.getElementById('id_de_ton_bouton').disabled = 'false'; }
À mettre dans une fonction appellée quand le focus quitte le champ par exemple, à tester cependant.
Ou alors, soyons fou, comment faire pour qu'un message apparaisse quand on clique sur le bouton indiquant que le nom n'a pas été fourni ?
Cette solution me parait plus simple, c'est d'ailleurs celle qui est le plus souvent utilisée.

Dans le bloc Javascript :

Code : Tout sélectionner

function verifFormulaire() { valeur_nom = document.getElementById('id_de_ton_champ').value; if (valeur_nom == "") { alert('Le nom !'); return false } else { return true; } }
Dans ton HTML :

Code : Tout sélectionner

<form name="formulaire1" action="page2.php" method="post" onsubmit="return verfiFormulaire();"> ... </form>
À une ou deux fautes de syntaxes près ça doit être ça :)

ci mer

Posté : 12 oct. 2006, 23:08
par SuG
Parfait, c'est parfait

merci ouckileou