Page 1 sur 1

Vérification de formulaire

Posté : 31 juil. 2006, 21:52
par Dom!
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

Posté : 31 juil. 2006, 22:15
par naholyr
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

Posté : 01 août 2006, 12:05
par Dom!
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

Posté : 01 août 2006, 15:15
par naholyr
J'attends tes questions c'est le principe, je jette les bases, tu essaies, et tu reviens avec des questions plus précises ;)