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
Uspešno ste popunili formu