[Anders]

Har tänkt göra så att en formulärsknapp inaktiveras då man trycker på den. Formuläret ska helst skickas också. Har försökt med detta:

<input type="submit" name="subm_btn" value="Post" 
onclick="javascript: this.form.subm_btn.disabled = true; this.form.subm_btn.submit; return true;" />

Inaktiveringen går bra, men formuläret skickas aldrig. Tips?

[Kristofer]

Så här kan du göra kom jag fram till efter några test:

<form action="...." method="post" name="login" >

<input type="submit" name="subm_btn" value="Post" onclick="javascript: this.form.subm_btn.disabled = true; document.login.submit();">

</form>

[Anders]

Tack, det fungerar bra om man har en submit. Jag har på ett ställe två, hur gör man då?

[Robert]

<input type="submit" name="subm_btn" value="Post" onclick="javascript: this.form.subm_btn.disabled = true; this.form.otherbutton.disabled = true; document.login.submit();">

[Kristofer]

Tveksamt om det sista fungerar då den kan submitta även om knapparna är disabled.

Alltså, vad tjänar man på att ha två submitknappar i SAMMA formulär?

Har jag aldrig behövt och jag är för nyvaken för att förstå meningen med det...

[Robert]

"Submitta även om knappen är disabled"? ... uhm, när du trycker på en knapp så disables båda. Går även att köra så de blir osynliga (med div taggar)... och då är det jädrans svårt att lyckas klicka 2 gånger på en knapp! =)

Om han har flera formulär på samma sida där formulären gör mer eller mindre olika saker så att man av layoutskäl har 2 olika submits. Även tex en "radera", "ok", "avbryt" i samma formulär kan ju vara av typen submit.... därav flera submits

Mitt lilla utvecklade exempel av din javascript var att jag vill visa att det bara är att rada upp javascript-satserna efter varandra, jag tror det var där skon klämde, inte att mitt exempel specifikt skulle fungera; jag vet ju inte vad hans formulär eller submit knappar heter! <_<

[Anders]

Ok, säg att jag har två knappar "Ja" och "Nej". När man trycker på en av dem ska båda inaktiveras och formuläret skickas. Har fixat detta med:

<form>
    <input type="submit" name="btn1" value="Ja" onclick="this.form.submit(); this.disabled=true; this.form.btn2.disabled=true;">
    <input type="submit" name="btn2" value="Nej" onclick="this.form.submit(); this.disabled=true; this.form.btn1.disabled=true;">
</form>

Men mitt problem är att när jag sedan kollar $_POST i PHP så är ingen av knapparna satta, bara de övriga fälten i formuläret. Hur ska jag göra för att veta vilken knapp som användaren klickade på?

[Ny-Bostad]

Originally posted by Anders@May 31 2004, 01:16
... När man trycker på en av dem ska båda inaktiveras och formuläret skickas. ...

 ... onclick="this.form.submit(); this.disabled=true; this.form.btn2.disabled=true;" ....

Men vad är det för mening med att försöka inaktivera knapparna på klienten efter att formuläret har skickats ?
Även om du byter plats på koden ovan så att knapparna blir disabled strax innan (en mikrosekund innan kanske) submit anropas så blir det ju bara en mycket tillfällig inaktivering som görs i webbläsaren och som inte kommer att hänga med till nästa sida.

[Anders]

Det är för att, precis som här på forumet, förhindra dubbelpostningar av formulär.

[FredrikMH]

Läs av något annat istället för knapparna? Jag vet inte om det går att ändra värde på en hidden med javascript men du slipper att "klydda" om det fungerar.