---
title: "En form och två submittknappar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/138125-en-form-och-två-submittknappar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "aasah"
published: "2005-11-23T15:01:32.000Z"
updated: "2005-11-23T22:53:00.000Z"
replies: 4
views: 249
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/138125-en-form-och-två-submittknappar"
---

# En form och två submittknappar

## #1 — aasah, 2005-11-23T15:01Z

1)
Min form innehåller två olika submittknappar. Jag vill att samma JS-funktion ska ta hand om resultatet, oavsett vald knapp, men funktionen måste veta vilken submit som tryckts in. Hur fixar jag det?

Formen ser just nu ut så här: 

```
<form id="jsformen" onsubmit="return addWord(this);">
<table><tr><td id="wordBoxHeader" colspan="3"><center>You clicked on:</center></td></tr>
       <tr><th>Pos</th><th>The Word</th><th>Direction</th></tr>
       <tr><td id="wordBoxAcrossPos">-</td>
           <td><input type="text" id="wordBoxAcrossWord" disabled></td>
           <td><input type="submit" id="wordBoxAcrossSubmit" value="Add Across!" disabled>
               <input type="hidden" id="wordBoxAcrossStart" value=""></td></tr>
       <tr><td id="wordBoxDownPos">-</td>
           <td><input type="text" id="wordBoxDownWord" disabled></td>
           <td><input type="submit" id="wordBoxDownSubmit" value="Add Down!" disabled>
               <input type="hidden" id="wordBoxDownStart" value=""></td></tr>
</table></form>
```

Vore det bättre att ge submitknapparna samma id och olika värden?

2) Vad gör this i onSubmit-anropet? Alltså vad refererar den till? Formen? Submittknappen? Varför behövs den? (Hittade skrivsättet via sökning här.)

Permalänk: https://www.webforum.nu/p/138125

## #2 — Peter S, 2005-11-23T15:06Z

1) Använd type="button" om addWord() alltid returnerar falskt (vilket jag antar att den gör). Sedan:

```
onsubmit="return false"

<input type="button" onclick="addWord(this.form,[b]'id för knappen'[/b])"

function addWord(x,y){
  // y = nedtryckta knappens id
  ...
}
```

2) this refererar till formuläret i det här fallet. Det gör att du med x ovan har ett bekvämt sätt att accessa dess medlemmar på.  :)

Permalänk: https://www.webforum.nu/p/1714299

## #3 — aasah, 2005-11-23T15:18Z

Ah! Tack för förklaringen! :) 

> **Peter S skrev:**
>
> 1) Använd type="button" om addWord() alltid returnerar falskt (vilket jag antar att den gör).

   :q Varför behöver den returnera något? Jag vill bara att ordet i input ska hackas up i bokstäver och föras in i korsordet (vilket addWord ska fixa) inte ladda om sidan eller något... Vad innebär return false i det här fallet?

> Sedan:
>
> ```
> onsubmit="return false"
> ```

 :q Var ska det stå? I Formtaggen?

Permalänk: https://www.webforum.nu/p/1714306

## #4 — Peter S, 2005-11-23T15:21Z

> **aasah skrev:**
>
> Ah! Tack för förklaringen! :) 
> 
>    :q Varför behöver den returnera något? Jag vill bara att ordet i input ska hackas up i bokstäver och föras in i korsordet (vilket addWord ska fixa) inte ladda om sidan eller något...

Om du har en submit-knapp kommer formuläret att postas, såvida du inte har return false i onsubmit.

> **aasah skrev:**
>
> Vad innebär return false i det här fallet?
> 
>  :q Var ska det stå? I Formtaggen?

Ersätter du submit-knapparna med type="button"\-varianter, behöver du egentligen inte ovanstående. Men, ja, det skall stå i \<form\>\-taggen.

Permalänk: https://www.webforum.nu/p/1714308

## #5 — aasah, 2005-11-23T22:53Z

Tackar! :e Egentligen borde båda svaren accepterats, men det går ju inte...

Permalänk: https://www.webforum.nu/p/1714502

---

Tråden på webben: https://www.webforum.nu/amne/javascript/138125-en-form-och-två-submittknappar