J'ai un simple formulaire comme ceci:
<form action="index.php" method="post" name="myForm" onSubmit="return CheckSubmit();">
.....quelques champs ....
<input id="submitForm" type="submit" value="Submit" />
</form>
La fonction CheckSubmit() est une fonction classique javascript qui retourne true/false si les champs du formulaire sont correctement remplis ou pas. Elle fonctionne très bien et renvoie true ou false.Mon problème:
J'aimerais valider et soumettre ce formulaire à partir d'un autre élément qui n'est pas dans ce formulaire, et qui a un id = "test", comme ceci:
document.getElementById("test").onclick = function ()
{
document.forms['myForm'].submit();
}
Le formulaire est bien soumis, mais je n'ai plus aucun contrôle de validation qui fonctionne, c'est normal.Ma question: avec mon code, comment faire pour déclencher la fonction de validation CheckSubmit() sans être dans le formulaire et soumettre ce formulaire seulement si la validation s'est bien passée?
J'ai essayé ceci:
document.getElementById("test").onclick = function ()
{
var validation = CheckSubmit();
if (validation == true)
{
document.forms['myForm'].submit();
}
else
{
return false;
}
}
Résultat: la validation fonctionne, je reçois bien les messages les messages d'erreur si le formulaire est mal rempli, mais ce formulaire est soumis quand même...Comment faire pour éviter la soumission du formulaire quand CheckSubmit renvoie false?
Merci pour vos réponses.