skriv ut »Avaktivera "skicka-knappen"
Användbart när dina besökare blir otåliga och klickar flera gånger på "skicka-knappen" då formuläret tex håller på och bearbetas av webservern. Genom att "submit-knappen" avaktiveras efter en klickning kan användaren inte skicka formuläret flera gånger. Prova att klicka på Skicka-knappen nedan:
Steg 1:
Lägg koden inom <HEAD>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function disableForm(theform) {
if (document.all || document.getElementById) {
for (i = 0; i < theform.length; i++) {
var tempobj = theform.elements[i];
if (tempobj.type.toLowerCase() == "submit" || tempobj.type.toLowerCase()
== "reset")
tempobj.disabled = true;
}
setTimeout('alert("Formuläret skulle ha skickats
nu men detta är en demo. Skicka-knappen (submit-button) är
nu avaktiverad för att förhindra att formuläret skickas
flera gånger. Använd tangenten F5 för att uppdatera
webläsaren om du vill prova igen.")', 1000);
return false;
}
else {
alert("Formuläret skulle ha skickats nu men detta är
en demo. Du använder IE 4+ eller NS 6 och submit-knappen avaktiverades
då inte.");
return false;
}
}
// End -->
</script>
</HEAD>
OBS! Koden i fet text ovan kan du ta bort när du testat ditt eget formulär. (Den behövs bara så länge du inte har kopplat ditt formulär till en "action" för att simulera att formuläret skickats så att "submit-knappen" kan avaktiveras).
Steg 2:
Lägg koden inom <BODY>
<BODY>
<FORM onSubmit="return disableForm(this);">
Namn: <input type=text name=namn>
<input name="submit" type=submit value="Skicka">
</FORM>
</BODY>
