jQuery Validation Plugin

Keszitettem egy egyszeru kis validalo jQuery plugint melyet szeretnek itt publikalni. Hamarosan irok hozza egy bovebb leirast is, de most csak egy gyors hasznalati utasitasra futja az idombol.

A plugin hasznalata eleg egyszeru. Az input mezo rel attributamaba be kell a kivant validalasi metodust es a script igy az adott mezot azzal a metodussal ellenorzi. Jelenleg csak harom metodus van, de a jovoben ez bovulni fog es sajat ok hozzadasa is egyszeruen megvalosithato lesz.

Na lassunk egy egyszeru peldat. A plugin- t es a jquery – be kell hivnunk az oldalunkba :

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.validation.js"></script>

Az oldalunk betoltodesekor meg kell hivnunk a validalo scriptet igy :

<script type="text/javascript" >
$(document).ready(function () {
    $("#test").validation();
});
</script>

Ezutan a form kotelezoen kitoltendo input mezojehez hozzaadunk egy rel attributumot:

<input type="text" rel="required" name="test" />

Es a form elkuldesekor a script ellenorzi a mezo kitolteset es hibat dob ha uresen kuldjuk el.

A harom metodus ami eddig a pluginben van :

required: kotelezoen kitoltendo mezo

number: csak szam mezo

required-number: kotelezoen kitoltendo csak szam mezo

Hamarosan bovitem a kodot!

A kod demojat megtekinthetitek itt -> demo, es becsomagolva egy mitaval le tolthetitek innen ->

Cimkék: Javascript, jquery, validation