contrôles de formulaire

YD

28/11/2007 à 20:01

<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">
avec un <input type="submit">

J'écrirais plutôt
<form action="traitement.php" method="post" id="form"
onSubmit="return verifForm(this)">

--
Y.D.

SAM

28/11/2007 à 20:25

Bonsoir,

Bonsoir, jour,

Quelque chose m'échappe donc ... mais quoi ?
Quelqu'un pourrait-il se substituer à mon neurone désormais défaillant ?
Merci d'avance pour vos lumières.

Outre la remarque d'Yves, il ne faut pas de else à la fin (*)

this.form.Email.focus();
return false;
}
return true;
}
</script>

(*) Pourquoi ?
parce que il n'y en a pas avant
et surtout parce que ce n'est pas une option
vu que pour les conditions précédentes on retourne false
(pas certain de bien me faire comprendre ...)

Prendre l'habitude d'alinéater un minima ça aide.
en particulier les } fermantes
à la ligne et au bon alinéa
pour bien séparer les actions

--
sm

docanski

28/11/2007 à 23:37

Eleveurs et agriculteurs polluent toujours la Bretagne et YD nous narre
ce qui suit en ce 28/11/2007 20:01 :

J'écrirais plutôt
<form action="traitement.php" method="post" id="form"
onSubmit="return verifForm(this)">

Le problème est qu'avec <onSubmit">, lorsqu'on ferme la fenêtre d'alerte
pour remplir le 1er champ contrôlé et "false" ... le script envoie
immédiatement le formulaire sans qu'on puisse agir ! :-(
C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien de
corriger les champs au fur et à mesure des alertes mais bloque l'action
sur le bouton lorsque tous les contrôles sont effectués : impossible
d'envoyer le formulaire.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/

SAM

29/11/2007 à 01:46

Eleveurs et agriculteurs polluent toujours la Bretagne et YD nous narre
ce qui suit en ce 28/11/2007 20:01 :

J'écrirais plutôt
<form action="traitement.php" method="post" id="form"
onSubmit="return verifForm(this)">

Le problème est qu'avec <onSubmit">, lorsqu'on ferme la fenêtre d'alerte
pour remplir le 1er champ contrôlé et "false" ... le script envoie
immédiatement le formulaire sans qu'on puisse agir ! :-(

Non, pas si on met

onsubmit=" return mafonction(); "
^^^^^^
le submittage attendra de savoir si la fonction va lui donner le feu vert

le champ n'est pas rempli ? hop ! feu rouge : false
... pas d'envoi et fin de la fonction
le champ est rempli ? hop ! on passe à la vérif suivante

si la dernière vérif ne renvoie pas false
il ne reste qu'à envoyer true (le feu vert) et sans autre condition :
pas de else

C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien de
corriger les champs au fur et à mesure des alertes mais bloque l'action
sur le bouton lorsque tous les contrôles sont effectués : impossible
d'envoyer le formulaire.

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

... encore faut-il qu'un feu vert arrive.

--
sm

YD

29/11/2007 à 08:11

C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien de
corriger les champs au fur et à mesure des alertes mais bloque l'action
sur le bouton [...]

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

.... encore faut-il qu'un feu vert arrive.

Et qu'il sache où aller après !

Dans le premier post il y a :
<input type="button" name="submit" value="Envoyer"
onClick="verifForm(this.form)" />

qu'il faudrait bien corriger par
<input type="button" name="submit" value="Envoyer"
onClick="if(verifForm(this.form)) this.form.submit();" />

--
Y.D.

SAM

29/11/2007 à 08:55

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

.... encore faut-il qu'un feu vert arrive.

Et qu'il sache où aller après !

Dans le premier post il y a :
<input type="button" name="submit" value="Envoyer"
onClick="verifForm(this.form)" />

Ooops !

Je n'avais pas capté que ce n'était pas un submit !
Ça m'apprendra à répondre sur des aprioris sans vraiment lire :-(

qu'il faudrait bien corriger par
<input type="button" name="submit" value="Envoyer"
onClick="if(verifForm(this.form)) this.form.submit();" />

--
sm

docanski

29/11/2007 à 11:30

Eleveurs et agriculteurs polluent toujours la Bretagne et SAM nous narre
ce qui suit en ce 29/11/2007 1:46 :

Le problème est qu'avec <onSubmit">, lorsqu'on ferme la fenêtre
d'alerte pour remplir le 1er champ contrôlé et "false" ... le script
envoie immédiatement le formulaire sans qu'on puisse agir ! :-(

Non, pas si on met

onsubmit=" return mafonction(); "
^^^^^^
le submittage attendra de savoir si la fonction va lui donner le feu vert

La balise <form> le contient, comme écrit dans le message initial :
<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">

le champ n'est pas rempli ? hop ! feu rouge : false
... pas d'envoi et fin de la fonction

Résultat de ce qui précède : la fenêtre d'alerte signale l'oubli et
lorsque l'utilisateur la ferme, le formulaire est *directement* envoyé,
sans possibilité de remplir le champ.

il ne reste qu'à envoyer true (le feu vert) et sans autre condition :
pas de else

C'est fait comme ceci (extrait) :
<script>
function verifForm(armo)
{
if(armo.Email.value == "")
{alert('Attention : vous avez oublié de taper votre Email !');
this.form.Email.focus();
return false;}
return true;
}
</script>

... mais ne fonctionne pas et donne le résultat signalé ci-dessus.

C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien
de corriger les champs au fur et à mesure des alertes mais bloque
l'action sur le bouton lorsque tous les contrôles sont effectués :
impossible d'envoyer le formulaire.

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

J'ai corrigé cette 2ème possibilité comme YD le propose (à qui je
réponds en même temps ici) en :
<input type="button" name="submit" value="Envoyer"
onClick="if(verifForm(this.form)) this.form.submit();" />
(sans condition dans le <form> cette fois, puisqu'elle est ci-dessus)
où la fermeture de la fenêtre d'alerte permet de corriger le champ non
rempli ... mais bloque le submit ensuite : pas d'envoi du formulaire.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/

Eleveurs et agriculteurs polluent toujours la Bretagne et SAM nous narre
ce qui suit en ce 29/11/2007 1:46 :

Le problème est qu'avec <onSubmit">, lorsqu'on ferme la fenêtre
d'alerte pour remplir le 1er champ contrôlé et "false" ... le script
envoie immédiatement le formulaire sans qu'on puisse agir ! :-(

Non, pas si on met

onsubmit=" return mafonction(); "
^^^^^^
le submittage attendra de savoir si la fonction va lui donner le feu vert

La balise <form> le contient, comme écrit dans le message initial :
<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">

le champ n'est pas rempli ? hop ! feu rouge : false
... pas d'envoi et fin de la fonction

Résultat de ce qui précède : la fenêtre d'alerte signale l'oubli et
lorsque l'utilisateur la ferme, le formulaire est *directement* envoyé,
sans possibilité de remplir le champ.

il ne reste qu'à envoyer true (le feu vert) et sans autre condition :
pas de else

C'est fait comme ceci (extrait) :
<script>
function verifForm(armo)
{
if(armo.Email.value == "")
{alert('Attention : vous avez oublié de taper votre Email !');
this.form.Email.focus();
return false;}
return true;
}
</script>

... mais ne fonctionne pas et donne le résultat signalé ci-dessus.

C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien
de corriger les champs au fur et à mesure des alertes mais bloque
l'action sur le bouton lorsque tous les contrôles sont effectués :
impossible d'envoyer le formulaire.

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

J'ai corrigé cette 2ème possibilité comme YD le propose (à qui je
réponds en même temps ici) en :
<input type="button" name="submit" value="Envoyer"
onClick="if(verifForm(this.form)) this.form.submit();" />
(sans condition dans le <form> cette fois, puisqu'elle est ci-dessus)
où la fermeture de la fenêtre d'alerte permet de corriger le champ non
rempli ... mais bloque le submit ensuite : pas d'envoi du formulaire.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/

Vous avez filtré cet utilisateur ! Consultez son message

Eleveurs et agriculteurs polluent toujours la Bretagne et SAM nous narre
ce qui suit en ce 29/11/2007 1:46 :

Le problème est qu'avec <onSubmit">, lorsqu'on ferme la fenêtre
d'alerte pour remplir le 1er champ contrôlé et "false" ... le script
envoie immédiatement le formulaire sans qu'on puisse agir ! :-(

Non, pas si on met

onsubmit=" return mafonction(); "
^^^^^^
le submittage attendra de savoir si la fonction va lui donner le feu vert

La balise <form> le contient, comme écrit dans le message initial :
<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">

le champ n'est pas rempli ? hop ! feu rouge : false
... pas d'envoi et fin de la fonction

Résultat de ce qui précède : la fenêtre d'alerte signale l'oubli et
lorsque l'utilisateur la ferme, le formulaire est *directement* envoyé,
sans possibilité de remplir le champ.

il ne reste qu'à envoyer true (le feu vert) et sans autre condition :
pas de else

C'est fait comme ceci (extrait) :
<script>
function verifForm(armo)
{
if(armo.Email.value == "")
{alert('Attention : vous avez oublié de taper votre Email !');
this.form.Email.focus();
return false;}
return true;
}
</script>

... mais ne fonctionne pas et donne le résultat signalé ci-dessus.

C'est pourquoi j'avais essayé <input="button"> qui, lui, permet bien
de corriger les champs au fur et à mesure des alertes mais bloque
l'action sur le bouton lorsque tous les contrôles sont effectués :
impossible d'envoyer le formulaire.

le bouton (comme tout onclick) peut fonctionner de la même manière :
attendre le feu vert

J'ai corrigé cette 2ème possibilité comme YD le propose (à qui je
réponds en même temps ici) en :
<input type="button" name="submit" value="Envoyer"
onClick="if(verifForm(this.form)) this.form.submit();" />
(sans condition dans le <form> cette fois, puisqu'elle est ci-dessus)
où la fermeture de la fenêtre d'alerte permet de corriger le champ non
rempli ... mais bloque le submit ensuite : pas d'envoi du formulaire.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/

Olivier Miakinen

29/11/2007 à 11:58

onsubmit=" return mafonction(); "
^^^^^^
le submittage attendra de savoir si la fonction va lui donner le feu vert

Le 29/11/2007 11:30, docanski a répondu :

La balise <form> le contient, comme écrit dans le message initial :
<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">

SAM a pourtant pris soin de souligner le « return » qui est dans sa
version et pas dans la tienne...

SAM

29/11/2007 à 12:37

J'ai corrigé cette 2ème possibilité comme YD le propose
(...)

bloque le submit ensuite : pas d'envoi du formulaire.

et ceci est-ce que ça fonctionnerait :

<html>
<form action="test.htm" onsubmit="return verif(this);">
email : <input type=text name="email">
<input type=submit>
</form>
<script type="text/javascript">
function verif(f) {
if(f.email.value.length<1 || f.email.value.indexOf('@')<0) {
alert('pas good');
f.email.focus();
f.email.select();
return false;
}
return true;
}
</script>
</html>

car chez moi c'est OK

corrigé :

<script>
function verifForm( armo )
{
if(armo.Email.value == "")
{alert('Attention : vous avez oublié de taper votre Email !');
armo.Email.focus(); /* ici ce n'est pas this.form */
armo.Email.select(); /* mais l'argument 'armo' */
return false;}
return true;
}
</script>

Firefox et sa console d'erreur aurait dû te dire que la ligne x était
fausse (celle this.form.Email ...)

--
sm

docanski

29/11/2007 à 12:50

Eleveurs et agriculteurs polluent toujours la Bretagne et Olivier
Miakinen nous narre ce qui suit en ce 29/11/2007 11:58 :

Le 29/11/2007 11:30, docanski a répondu :
La balise <form> le contient, comme écrit dans le message initial :
<form action="traitement.php" method="post" id="form" onSubmit
="verifForm(this.form)">

SAM a pourtant pris soin de souligner le « return » qui est dans sa
version et pas dans la tienne...

Désolé mais mon copier-coller de l'essai n'était pas le bon et j'ai bien
utilisé :
<form action="traitement.php" method="post" id="form" onSubmit ="return
verifForm(this); ">
... qui ne fonctionne pas.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/

contrôles de formulaire

10 réponses

Veuillez sélectionner un problème