jQuery validacija formi

Primer:

<form id="forma" method="post" action="">
    <input id="ime" name="ime" type="text" />
    <input id="prezime" name="prezime" type="text" />
    <input id="username" name="username" type="text" />
    <input id="password" name="password" type="password" />
    <input id="confirm_password" name="confirm_password" type="password" />
    <input id="email" name="email" type="email" />
    <input type="checkbox" class="checkbox" id="saglasnost" name="saglasnost" />
    <input class="submit" type="submit" value="Pošalji"/>
</form>
<div id="validation" title="Validacija forme">
    <span>Uspešno ste popunili formu</span>
</div> 
$("#validation").dialog({ autoOpen: false });
$('#submit').click( function( event ) {
    event.preventDefault();
    if ($("#forma").valid()) {
        $('#validation').dialog('open');
    }
}); 
$("#forma").validate({
    rules: {
        ime: "required", 
        prezime: "required",
        username: {
            required: true,
            minlength: 5   
        },
        password: {
            required: true,
            minlength: 8
        },
        confirm_password: {
            required: true,
            minlength: 8,
            equalTo: "#password"
        },
        email: {
            required: true,
            email: true
        },
        saglasnost: "required"     
    },
    messages: { 
        ime: "Molim Vas unesite vaše ime",
        prezime: "Molim Vas unesite vaše prezime",
        username: {
            required: "Molim Vas unesite korisničko ime ",
            minlength: "Vaše korisničko ime mora da ima bar 5 karaktera"
        },
        password: {
            required: "Molim Vas unesite lozinku",
            minlength: "Vaša lozinka mora da ima bar 8 karaktera"
        },
        confirm_password: {
            required: "Molim Vas unesite lozinku",
            minlength: "Vaša lozinku mora da ima bar 8 karaktera",
            equalTo: "Molim Vas unesite lozinku koja se poklapa sa prethodnom lozinkom"
        },
        email: {
            required: "Molim Vas unesite email adresu",
            email: "Molim Vas unesite pravilnu email adresu"
        },
        saglasnost: "Molim Vas potvrdite da ste saglasni sa uslovima korišćenja"
    }
}); 

Kliknite ovde kako bi videli HTML

Kliknite ovde kako bi videli jQuery

Ime:

Prezime:

Korisničko ime:

Lozinka:

Ponovite lozinku:

Email:

Da li ste saglasni:

Uspešno ste popunili formu