Vérification de formulaire

Eléphant du PHP | 424 Messages

31 juil. 2006, 21:52

Bonjour à tous !

Débutant en javascript je me demande si il est possible de vérifier les champs d'un formulaire avec un message d'erreur si des champs sont manquants sur le formulaire. Actuellement j'utilise ce script :
<SCRIPT language="JavaScript">
<!--
function ControleVide()
{
if(document.Formulaire.nom.value=='')
{
alert('Veuillez saisir votre nom');
document.Formulaire.nom.focus();
{
document.Formulaire.method = "POST";
document.Formulaire.action = "step_2.php";
document.Formulaire.submit();
}
}
//-->
</script> 
Je ne souhaite plus de fenetre avec le message d'erreur surtout qu'à chaque erreur la pagese réactualise !

Je voudrais vérifier le formulaire et mettr par exemple les champs manquants en rouge avec un message en haut du formulaire ! Est ce possible ??

Merci d'avance pour votre aide
Youpi Youpi Yo !

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

31 juil. 2006, 22:15

Oui, même pas dur avec l'utilisation des styles ;)
Pour changer la bordure d'un bouton par exemple
//
var monBouton = document.monFormulaire.monBouton;
monBouton.style.border = "1px solid red";
// monBouton.style.border = undefined; pour remettre la bordure normale
Pour afficher/cacher un message :
//
<p style="color:red;display:none" id="monMessage"></p>

...

var monMessage = document.getElementById('monMessage');
monMessage.innerHTML = "Le texte de mon message";
monMessage.style.display = "block";
// monMessage.style.display = "none"; pour le cacher

Eléphant du PHP | 424 Messages

01 août 2006, 12:05

Etant novice en JAVASCRIPT je vais essayer de mettre en place ce bout de code mais je pense revenir trés vite vers vous.....

Merci pour votre aide
Youpi Youpi Yo !

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

01 août 2006, 15:15

J'attends tes questions c'est le principe, je jette les bases, tu essaies, et tu reviens avec des questions plus précises ;)