Formulaire javascript avec
ifoks
-
Alain_42 Messages postés 5413 Statut Membre -
Alain_42 Messages postés 5413 Statut Membre -
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 !
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 !
A voir également:
- Formulaire javascript avec
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Formulaire de reclamation instagram - Guide
- Telecharger javascript - Télécharger - Langages
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
3 réponses
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
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
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