Formulaire javascript avec

Fermé
ifoks - 21 janv. 2010 à 13:31
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 21 janv. 2010 à 18:58
Bonjour,

Voila mon problème j'utilise une fonction javascript qui empeche l'utilisateur de cliquer sur le bouton valider tant que le formulaire n'est pas remplit correctement, voici le code javascript :


function verif_formulaire()
{
if(document.nouveaucontrat.nom.value != "") {

document.getElementById("jsnom").style.display = "none";
document.getElementById("jsok1").style.display = "inline";
document.nouveaucontrat.nom.style.backgroundColor = "#ACFEAB";
}
else
{
document.nouveaucontrat.nom.style.backgroundColor = "#FE9292";
document.getElementById("jsnom").style.display = "inline";
document.getElementById("jsok1").style.display = "none";
return false;
}
}
function fin_formulaire()
{
if (document.nouveaucontrat.nom.value != "")
{
document.nouveaucontrat.boutonvalider.disabled="false";
}
}


et la formulaire qui va avec :


<form method="POST" action="nouveaucontrat.php" name="nouveaucontrat">
<label for="nom">Nom : </label>
<input type="texte" name="nom" onBlur="return verif_formulaire()"/>

<div id="finform" onMouseover="return fin_formulaire()"></div>
<input type="submit" value="Valider" disabled="disabled" />


le <div id="finform"> c'est un block que j'ai placé sur le bouton submit.

Le soucis c'est que le bouton reste en disabled quand je passe la souris dessus, j'ai regardé sur le net et la valeur à mettre est bien "false" car avec "true" le bouton se met bien en disabled c'est bizarre...

Si quelqu'un pourrait m'éclairer, merci !

3 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
21 janv. 2010 à 14:03

document.getElementById("jsnom").style.display = "none";
document.getElementById("jsok1").style.display = "inline";
document.nouveaucontrat.nom.style.backgroundColor = "#ACFEAB";


ou sont les id jsnom et jsok ?

CSS:

style.display ='none';
style.display='block';

style.background-color et pas backgroudColor
0
salut,

le jsnom et jsok sont des balises qui s'affichent en fonction du contenu du champs mais se n'est pas cette partie qui bug ni le background-color. Se qui ne marche pas c'est mon bouton valider qui ne passe pas en disabled="false" lorsque le formulaire est bien remplie, pourtant ma condition est juste j'ai fai des tests et une fois le formulaire bien remplis on rentre bien dans la condition mais le seul truc qui bug cest le disabled du bouton input
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
21 janv. 2010 à 18:58
je ne me souviens plus bien, mais il me semble avoir déja eu ce pb

disabled="false" ça n'existe pas

tu as disabled="true" ou disabled="disabled" mais pas d'état inverse (à vérifier)

essaye en jouant sur le css du bouton peut être
0