---
title: "Kontrollera ett formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192246-kontrollera-ett-formulär"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jompan"
published: "2014-04-09T16:24:21.000Z"
updated: "2014-04-11T15:28:58.000Z"
replies: 6
views: 847
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/192246-kontrollera-ett-formulär"
---

# Kontrollera ett formulär

## #1 — Jompan, 2014-04-09T16:24Z

Jag har ett enkelt formulär där beställaren ska ange ett visst antal. ('Förkortat' formulär.)

```

<form id="Form" action="" method="post" accept-charset="ISO-8859-1" onsubmit="return checkForm();">

<label>Antal biljetter:
		<select name="antal">
			<option value="">Välj ett alternativ</option>
			<option value="1">1 st</option>
			<option value="2">2 st</option>
			<option value="3">3 st</option>
			<option value="4">4 st</option>
		</select>
		</label>
	<p><input type="submit" value="Skicka beställning">
</form>
```

Hur kan jag i javascript kontrollera att ett val verkligen gjorts innan formuläret skickas iväg?

// Jompan

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

## #2 — Nate.A, 2014-04-09T17:44Z

Hej! Det här borde fungera.

```

function checkForm(){
  var form = document.getElementById('Form'),
      select = form.getElementsByTagName('select')[0];
  if(select.value === '') {
    alert('Välj antal biljetter innan du skickar beställningen');
    return false;
  } else {
    return false;
  }
}
```

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

## #3 — Jompan, 2014-04-10T10:53Z

Nej, formuläret går igenom trots att det är ofullständigt (och trots att jag ändrat 'false' nr 2 till 'true'.

// Jompan

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

## #4 — Jojoxx, 2014-04-10T11:00Z

```
<form id="Form" action="" method="post" accept-charset="ISO-8859-1" onsubmit="return checkForm(this);">

<label>Antal biljetter:
		<select name="antal">
			<option value="">Välj ett alternativ</option>
			<option value="1">1 st</option>
			<option value="2">2 st</option>
			<option value="3">3 st</option>
			<option value="4">4 st</option>
		</select>
		</label>
	<p><input type="submit" value="Skicka beställning">
</form>
<script type="text/javascript">
function checkForm(obj){
	if(obj.antal.selectedIndex==0){
		alert("Du måste välja antal biljetter.");
		return false;
	} else {
		return true;
	}
}
</script>
```

Observera return checkForm(**this**) Kontrollera även i loggen att du inte har javascript-error på sidan som gör att funktionen aldrig körs.

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

## #5 — Jompan, 2014-04-10T11:37Z

Nja, funkar inte.
Vad menas med parenteskoden (obj)? Ska den definieras?

// Jompan

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

## #6 — Jojoxx, 2014-04-10T13:27Z

> **[Jompan skrev:](https://www.webforum.nu/p/1570879)**
>
> Nja, funkar inte.

Jodå, det funkar: <http://jsfiddle.net/gCUwe/>

Men det var det jag menade med att kolla i loggen. Du har antagligen andra javascript på sidan som genererar fel, och då exekveras aldrig valideringsfunktionen heller.

> **[Jompan skrev:](https://www.webforum.nu/p/1570879)**
>
> Vad menas med parenteskoden (obj)? Ska den definieras?
> // Jompan

I exemplet skickar jag med formulärsobjektet (med this) till funktionen checkForm, där den tas emot och används med namnet obj. Bara för att slippa använda getElementById för att leta reda på formuläret.

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

## #7 — Jompan, 2014-04-11T15:28Z

Tack för hjälpen!

// Jompan

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192246-kontrollera-ett-formulär