Avatar billede obhat Nybegynder
12. juli 2007 - 11:47 Der er 10 kommentarer og
1 løsning

Disabled knap ved submit

Den her disabler send knappen indtil checkbox er true, men hvordan får jeg knappen til også at disable ved submit?

<%
response.write ("<form method=""post"" action=""remove.asp""><input type=""checkbox"" onclick=""this.form.sendknap.disabled=!this.checked"">Remove<input type=""submit"" disabled=""disabled"" value=""remove"" name=""sendknap""></form>")
%>
Avatar billede cpufan Juniormester
12. juli 2007 - 12:09 #1
<%
response.write ("<form method=""post"" action=""remove.asp""><input type=""checkbox"" onclick=""this.form.sendknap.disabled=!this.checked"">Remove<input type=""submit"" disabled=""disabled"" value=""remove"" name=""sendknap"" onclick=""this.form.sendknap.disabled=true""></form>")
%>
Avatar billede olebole Juniormester
12. juli 2007 - 12:42 #2
<ole>

Det skal nok gøres i formens onsubmit-handler. Knappens onclick-event udføres lige inden dens default-handling.
Derfor vil den viste metode i mange browsere resultere i, at knappen ikke kan udføre default-handlingen - og formen ikke submittes

/mvh
</bole>
Avatar billede obhat Nybegynder
12. juli 2007 - 13:13 #3
Præcis Ole
formen submittes nemlig ikke.:(
Avatar billede cpufan Juniormester
12. juli 2007 - 13:27 #4
ja det anede mig

så må det jo være sådan:

<%
response.write ("<form method=""post"" action=""remove.asp"" onsubmit=""this.form.sendknap.disabled=true""></><input type=""checkbox"" onclick=""this.form.sendknap.disabled=!this.checked"">Remove<input type=""submit"" disabled=""disabled"" value=""remove"" name=""sendknap"" form>")
%>
Avatar billede obhat Nybegynder
12. juli 2007 - 15:37 #5
Som jeg ser det, er det kun dette til forskel:
onsubmit=""this.form.sendknap.disabled=true"">

Men knappen disables ikke.:(
Avatar billede cpufan Juniormester
12. juli 2007 - 16:36 #6
nå men hvad så med:

<%
response.write ("<form method=""post"" action=""remove.asp""><input type=""checkbox"" onclick=""this.form.sendknap.disabled=!this.checked"">Remove<input type=""button"" disabled=""disabled"" value=""remove"" name=""sendknap"" onclick=""this.form.sendknap.disabled=true; this.form.submit()""></form>")
%>
Avatar billede obhat Nybegynder
12. juli 2007 - 21:01 #7
Det virker. perfekt :)
Avatar billede cpufan Juniormester
12. juli 2007 - 21:20 #8
lægger lige et svar
Avatar billede olebole Juniormester
13. juli 2007 - 12:36 #9
FF antager alle knapper i en form for at være submitknapper, så eksemplet virker meget sandsynligt ikke i FF. Hvis du returnerer false til slut i knappens onclick-handler, burde du dog være sikret  =)
Avatar billede cpufan Juniormester
13. juli 2007 - 12:48 #10
ole du er et altvidende javascript-orakel  :)
Avatar billede obhat Nybegynder
15. juli 2007 - 13:45 #11
Takker. points
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester