Internet n'est pas toujours aussi rapide
qu'on le souhaiterait : entre les "tuyaux" encombrés,
les serveurs surchargés et les bases de données croulant
sous le poids des requêtes, il arrive souvent qu'un utilisateur
perde patience face à un formulaire, et se mette à le
valider répétitivement et frénétiquement...
au risque de remplir la base de doublons inutiles.
Une solution pour éviter cela
: disabled. Il nous permet, une
fois le bouton cliqué, d'interdire l'accès au bouton,
ou à un élément du formulaire. disabled
nous permet aussi d'interdire la validation du formulaire tant qu'un
champ n'a pas été rempli.
Nota : pour que JavaScript puisse
agir sur le formulaire, il faut qu'il soit lancé après
que ce dernier a été affiché. Le code JavaScript
doit donc suivre le formulaire dans le <body>,
et non être placé dans le <head>.
Le code
<html>
<body>
<form
name="formulaire" action="traitement.php" onSubmit="boutonEnvoi.disabled=true;">
<input
type="text" name="champTexte" onClick="boutonEnvoi.disabled=false">
<input
type="submit" name="boutonEnvoi" value="Valider"> </form>
<script language="JavaScript"><!--
document.formulaire.boutonEnvoi.disabled=true;
//--></script>
</body>
</html>
|