Her er slik jeg ville gjort det med jQuery:
http://jsfiddle.net/nf2MA/5/
HTML-kode
<form method="post">
<div class="error">
You must check this box to continue
</div>
<label>
<input class="must-be-checked" type="checkbox">
Jeg er Johnny
</label>
<br>
<div class="error">
You must check this box to continue
</div>
<label>
<input class="must-be-checked" type="checkbox">
Jeg er teit
</label>
<br>
<input type="submit">
</form>
Og JS-kode:
Kode
$("form .error").hide();
$('form').on('submit', function(event) {
// Gjem error-boksene i tilfelle brukeren har rettet den
$("form .error").hide();
// Hent alle elementene som må sjekkes, men ikke er sjekket
$('.must-be-checked').not(":checked")
// Gå gjennom hvert slikt element
.each(function() {
// Og vis error-boksen, som må ligge rett før parent-elementet til sjekkboksen
$(this).parent().prev().show();
// Hindre formen fra å bli sendt inn.
event.preventDefault();
});
});