Nyeste it-job

Flere it-job

Javascript validering af en select boks

af Jonas Astrup, HTML.dk
Sidst opdateret d. 24. maj 2001

Med dette script kan du sikre dig at brugerne husker at foretage et valg i en select boks. Det eneste du behøver gøre er at indsætte navnet på din select boks de rigtige steder i koden - disse steder er fremhævet med gult i koden nedenfor.

Hvis du vil have en nærmere forklaring af scriptet, samt en vejledning i hvordan du udbygger din validering, så læs artiklen Client-side validering af formularer.

Husk også at kalde javascriptfunktionen når formularen submittes - dette er markeret med grønt i koden.

Vis som eksempel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Javascript validering af en select boks</title>
</head>
<body>

<script type="text/javascript">
<!-- Dette script og mange flere --> 
<!-- findes hos http://www.html.dk --> 
<!-- Start 

function validering()
  {
  error = 0;
  if((document.forms[0].selectboksnavn.value=='') && (error==0))   
  {		
    alert('Du skal vælge din yndlingsfrugt!');
    document.forms[0].selectboksnavn.focus();
    error = 1;		
  }			

  if(error == 0)
  document.forms[0].submit();	
  }

// Slut -->
</script>


<form action="" method="post" onsubmit="validering();return false;">
<select name="selectboksnavn">
<option value=""> - Vælg din yndlingsfrugt her - </option>
<option value="1">Æbler</option>
<option value="2">Bananer</option>
<option value="3">Pærer</option>
<option value="4">Appelsiner</option>
<option value="5">Grapefrugter</option>
</select>
<input type="submit" value="Klik her for at validere">
</form>

</body>
</html>

Vis som eksempel