Comment invalider le bouton d'un formulaire HTML après avoir cliqué dessus ?

Bonjour,

J'ai actuellement un formulaire qui permet d'envoyer 3 photos.

Le problème, c'est que lorsque l'on clique sur "Envoyer mes photos", cela peut prendre du temps, et je souhaiterai desavtiver le bouton "Envoyer mes photos" juste après le clic et le remplcacer par un message "Veuillez patienter" comme on peut le voir sur certains sites. Ceci pour eviter que l'utilisateur clique plusieurs fois sur le bouton.

Comment faire ? je suis vraiment un débutant en la matière...

Merci d'avance pour votre aide.

Voici le code du formulaire:

------ DEBUT DU CODE -----


<form action="/formulaire/process.php?id=1" name="ContactForm1" id="ContactForm1" onsubmit="return false;" method="post" enctype="multipart/form-data">
<table style="font-family:Arial; font-size:12px; color:#000000" bgcolor="transparent">
<tr>
<td>Num. d'annonce *</td>
<td><input type='text' value='' size='5' name='field1'></td>
</tr>
<tr>
<td>Num. d'identification *</td>
<td><input type='text' value='' size='5' name='field2'></td>
</tr>
<tr>
<td>Photo 1</td>
<td><input type='file' value='' size='' name='field3'></td>
</tr>
<tr>
<td>Photo 2</td>
<td><input type='file' value='' size='' name='field4'></td>
</tr>
<tr>
<td>Photo 3</td>
<td><input type='file' value='' size='' name='field5'></td>
</tr>
<tr>
<td>Ces photos *</td>
<td><select name='field8'><option value='sont mes photos initiales'>sont mes photos initiales</option><option value='sont a ajouter'>sont a ajouter</option><option value='remplacent les existentes'>remplacent les existentes</option></select></td>
</tr>
<tr>
<td>Recopiez ce code</td>
<td valign="middle"><img src="/formulaire/captcha.php" align="absmiddle" /><input name="captchacode" type="text" size="5" /></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="SubmitBtn" onclick="CheckForm1();" value="J'envoie mes photos >"></td>
</tr>
</table>
</form>
<script language="javascript" src='/formulaire/validation.php?id=1'></script>


------ FIN DU CODE -----

Bonjour,

<form action="/formulaire/process.php?id=1" name="ContactForm1"
id="ContactForm1"
onsubmit="return false;"
method="post" enctype="multipart/form-data">
...
<input type="submit" name="SubmitBtn"
onclick="CheckForm1();"
value="J'envoie mes photos >">
...

aï aïe aï déjà !
pourquoi déroger aux standards ????

<form action="/formulaire/process.php?id=1" name="ContactForm1"
id="ContactForm1"
onsubmit="return (CheckForm1());"
method="post" enctype="multipart/form-data">
...
<input type="submit" name="SubmitBtn"
value="J'envoie mes photos >">
...
et dans CheckForm1() [ qu'on n'a pas !?!??!! ]

return false pour ne pas envoyer si les
contrôles ne sont pas ok , return true sinon
et : document.ContactForm1.SubmitBtn.style.display="none"
cachera le bouton, donc plus de click possibles
et : surtout pas de document.ContactForm1.submit() !!!


Cordialement [mon Site] [M'écrire] Bul

j'ai oublié de dire,
vous pouvez mettre un
<img src="un gif animé qui fait patienter (**) "
style="display:none"....
et dans le onsubmit mettre displya="inilne"

(**) par exemple :

tiens... mais... c'est curieux !?!???
"en local", l'image gif animée a une vitesse "normale"
et dans une page html ( comme ici ), cette vitesse
est trop rapide ???

si quelqu'un nous expliquait, ce serait sympa....

enfin... précisions :

__ uniquement avec FireFox (?)
avec les autres navigateurs tout semble "correct"

__ pas que sur codesSources, n'est-il pas !

un paramétrage quelque part à faire ?