پلاگین jquery validation

29 08 2009

با استفاده از پلاگین validation شما می توانید به راحتی فورم هایتان را چک کنید. یعنی لازم نیست کاربر فورم را پر کند سپس بر روی submit کلیک کند و کمی صبر کند و با پیغامی شبیه » لطفا یک ایمیل صحیح وارد کنید » رو به رو شود.

برای شروع ابتدا پلاگین را از اینجا دانلود کنید

به مثال زیر توجه کنید:
ابتدا در هدر سایت jquery و سپس jquery validator را لود کنید(توجه کنید که حتما باید اول jquery لود شود و سپس پلاگین:

<script type="text/javascript" src="PATH TO JQUERY"></script>
<script type="text/javascript" src="PATH TO VALIDATE PLUGIN"></script>

یک فرم html ساده برای مثال ورود به سیستم آماده می کنیم:

<form id="myForm"> email: <input name="email" type="text" />
password: <input name="password" type="password" />
<input type="submit" value="submit" />
</form>

حالا با jquery فورم رو انتخاب کرده و برای اون تعیین می کنیم هر فیلدی چه خصوصیاتی داشته باشه:

<script type="text/javascript">
$("#myForm").validate({
rules:{
email:{
required:true,
email:true
},
password:{
required:true,
minlength:5,
maxlength:20
}
}
})
</script>

به کد بالا دقت کنید ابتدا فورم را انتخاب کرده ایم و سپس تابع validate را روی آن اعمال می کنیم. به عنوان آرگومان یک کلاس را برای آن ارسال می کنیم . که در خصیصه ی rules نام هر input را قرار می دهیم و در آن خصوصیات هر input را معرفی می کنیم. در اینجا از خصوصیات بسیار ساده ی پلاگین استفاده کرده ایم . برای  مشاهده ی خصوصیات بیشتر به اینجا مراجعه کنید.

دیدید چه سادست؟؟ با این پلاگین دیگه لازم نیست دونه دونه بشینین اینپوت ها رو چک کنین !!