Nyeste it-job

Flere it-job

Javascript validering af en checkbox

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

Med dette script kan du sikre dig at brugerne skal sætte et hak i en checkboks. Det eneste du behøver gøre er at indsætte navnet på din checkbox 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 checkbox</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].checkboxnavn.checked) && (error==0))   
  {		
    alert('Du skal aktivt sætte et hak i checkboxen!');
    document.forms[0].checkboxnavn.focus();
    error = 1;		
  }			

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

// Slut -->
</script>


<form action="" method="post" onsubmit="validering();return false;">
<input type="checkbox" name="checkboxnavn"> Ja, jeg accepterer at jeg skal sætte et hak her<br />
<input type="submit" value="Klik her for at validere">
</form>

</body>
</html>

Vis som eksempel

Nyhedsbrev

Validator service

HTML.net