View Single Post
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();
        });
    
    
});​