اعتبار سنجی فرم در فریم ورک بوت استرپ | Bootstrap Validator

حتما شما با پلاگین جی کوئری Jquery.Valid آشنایی دارید.یکی از ملزومات هر طراح وب سایت برای اعتبار سنجی فرم ها ، چه در وب سایت و چه در نرم افزار های تحت وب.حال نسل جدید Validator ها به کمک فریم ورک بوت استرپ یکی از معجزات طراحی قالب Responsive آمده است.و شما توسعه دهندگان وب را که با bootstrap Framework کار می کنید را از همه چیز بی نیاز می کند.

Bootstrap Validator چیست ؟

فرض کنید شما در حال طراحی Html یک فرم ثبت نام در وب سایت خود هستید و در قسمتی میخواهید ایمیل کارب را دریافت کنید.برای این کار ۳ خطا را باید در نظر داشته باشیم اول این که اگر کاربر ایمیل خود را وارد نکرد با پیغام خطا “لطفا ایمیل خود را وارد کنید” مواجه شود.حالت دوم این که اگر ایمیل را اشتباهی وارد کرد و فرم کلی Mail@site.com را رعایت نکرد به او خطا بدهد و در آخر نیز اگر این ایمیل توسط شخص دیگری به ثبت رسیده باشد به او پیغام خطا بدهد.تا قبل از این برای بازیابی خطاهای بالا در طراحی وب سایت از اسکریپ PHP استفاده می کردیم یعنی در هربار submit شدن فرم ها باید صفحه دوباره بارگزاری می شد اما با پلاگین Bootstrap Validator این کار برای حتی و در سمت کلاینت انجام می شود.

آموزش نصب Bootstrap Validator

برای این کار ابتدا وارد وب سایت پلاگین اعتبار سنجی فرم ها شوید و سپس روی گزینه download کلیک کیند و محتویات آن را دریافت کنید.همان طور که میدانید این پلاگین شامل ۲ فایل با نام های bootstrapValidator.min.css برای استایل کار و یک فایل جاوا اسکریپ با نام bootstrapValidator.min.js می باشد.هر دو این فایل ها به ترتیب باید بعد از فایل Bootstarp.css و bootstrap.js بارگزاری شوند.ساختار زیر را ببینید :

 فکر کنم همه چیز کاملا واضح باشد در خط اول فایل اصلی استایل فریم ورک بوت استرپ لود شده است در خط دوم ، استایل مربوط به پلاگین bootstrap Validator در خط سوم و چهارم هم پلاگین جی کوئری و بوت استر بارگزاری می شوند و در آخر نیز فایل اصلی مربوط به اعتبار سنجی فرم ها.

* نمونه مثال های زیادی در وب سایت bootstrapvalidator.com وجود دارد که می توانید از آنها الگوبرداری کنید و در کارهای خود از آنها بهره مند شوید.

پایان
جهت دریافت آخرین آموزش ها در خبرنامه “طراحان وب مازندران ” عضو شوید.