38 besökare, 1 medlem och 3 Studenter är online nu
Loopia

Webdesign och HTML

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 webbservern. 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:

 

Namn:

 

 

Steg 1:
Lägg koden inom <HEAD>

 

<HEAD>

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 webblä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;
}

}
</script>


</HEAD>

OBS! Meddelandet i exemplet 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>