با استفاده از پلاگین 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 را معرفی می کنیم. در اینجا از خصوصیات بسیار ساده ی پلاگین استفاده کرده ایم . برای مشاهده ی خصوصیات بیشتر به اینجا مراجعه کنید.
دیدید چه سادست؟؟ با این پلاگین دیگه لازم نیست دونه دونه بشینین اینپوت ها رو چک کنین !!
دیدگاههای تازه