Plusieurs fonctions dans un OnSubmit dans un Form

**Anne1969** · 26/09/2012, 13h04

Bonjour,
je travaille sur un formulaire pour lequel je fais des contrôles sur la bonne saisie des champs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form NAME="formannonce"  ACTION="'.$_SERVER['PHP_SELF'].'" METHOD="post" onsubmit="return verifannonce();">

Voilà, ça ça marche sans problème...hors je voulais rajouter au OnSubmit l'action consistant à afficher un petit message de patience lors de la validation du Form..action qui marche parfaitement seule

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form NAME="formannonce"  ACTION="'.$_SERVER['PHP_SELF'].'" METHOD="post" onsubmit="document.getElementById(\'divchargement\').style.display = \'block\';">

Mais si je souhaite les 2 actions (savoir validation puis affichage du "Patienter") seule le verifannonce() fonctionne...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form NAME="formannonce"  ACTION="'.$_SERVER['PHP_SELF'].'" METHOD="post" onsubmit="return verifannonce();document.getElementById(\'divchargement\').style.display = \'block\';">

Cela fonctionne dans l'autre sens mais du coup le message "Patienter" s'affiche même en cas de non validation du Form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form NAME="formannonce"  ACTION="'.$_SERVER['PHP_SELF'].'" METHOD="post" onsubmit="document.getElementById(\'divchargement\').style.display = \'block\';return verifannonce();">

Sauriez vous m'expliquer comme faire pour faire fonctionner les 2?

Merci

Pour être plus complète je met ma fonction verifannonce (qui fonctionne, elle, à tous les coups)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function verifannonce(){
if (document.formannonce.identifiant.value.length == 0)
{
alert("Vous devez saisir un identifiant");
return false;
}
return true;
}

**SpaceFrog** · 26/09/2012, 13h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onsubmit="return verifannonce() && document.getElementById(\'divchargement\').style.display = \'block\';">

**Anne1969** · 26/09/2012, 13h25

Merci mais là pour le coup, rien ne fonctionne...

En plus je souhaite que mon message de Patience ne soit actionné que si le form est vérifié..

Je m'étais imaginé faire un truc comme ça mais pareil, le verifannonce marche mais pas le message de Patience

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function verifannonce(){
if (document.formannonce.identifiant.value.length == 0)
{
alert("Vous devez saisir un identifiant");
return false;
}
document.getElementById('divchargement').style.display = "block";
return true;
}

**SpaceFrog** · 26/09/2012, 13h33

je viens de tester ceci qui fonctionne ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function verif(bool){
return bool;
}
</script>
</head>
<body>
<form onsubmit=" return verif(false) && alert('coucou')">
<input type="submit" value="go"/>
</form>
</body>
</html>

**Anne1969** · 26/09/2012, 13h39

Alors mon pb vient probablement du fait que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('divchargement').style.display = "block";

est une instruction et pas une fonction, non?...elle ne renvoie rien ...mais du coup je ne sais pas comment m'en sortir...

**SpaceFrog** · 26/09/2012, 13h41

essaye avec des parenthèses ?

onsubmit="return ( verifannonce() && (document.getElementById(\'divchargement\').style.display = \'block\'));">

Plusieurs fonctions dans un OnSubmit dans un Form

JavaScript

Vue hybride

Discussions similaires

Partager

Partager