میزبانی وب هاست
میزبانی هاست لینوکس و ویندوز در سرور های قدرتمند سه کشور ایران کانادا و آمریکا با پشتیبانی 24 ساعته
میزبانی وبثبت دامنه
ثبت دامنه های ملی کشور ایران و دامنه های بین المللی جهانی با پیشوند های ir , com , net , org , info , ws و ....
ثبت دامنهطراحی وب سایت
طراحی و برنامه نویسی حرفه ای وب سایت و سیستم های اتوماسیون اداری با قابلیت واکنش گرا (Responsive)
طراحی وبآموزش طراحی وب
برگزاری کلاس های آموزش برنامه نویسی و طراحی سایت در مازندران بصورت کاملا خصوصی
آموزش طراحی وباعتبار سنجی فرم در فریم ورک بوت استرپ | 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 بارگزاری شوند.ساختار زیر را ببینید :
۱ ۲ ۳ ۴ ۵ ۶ |
<link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="/path/to/dist/css/bootstrapValidator.min.css"/> <script type="text/javascript" src="/path/to/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/path/to/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="/path/to/dist/js/bootstrapValidator.min.js"></script> |
فکر کنم همه چیز کاملا واضح باشد در خط اول فایل اصلی استایل فریم ورک بوت استرپ لود شده است در خط دوم ، استایل مربوط به پلاگین bootstrap Validator در خط سوم و چهارم هم پلاگین جی کوئری و بوت استر بارگزاری می شوند و در آخر نیز فایل اصلی مربوط به اعتبار سنجی فرم ها.
* نمونه مثال های زیادی در وب سایت bootstrapvalidator.com وجود دارد که می توانید از آنها الگوبرداری کنید و در کارهای خود از آنها بهره مند شوید.
پایان
جهت دریافت آخرین آموزش ها در خبرنامه “طراحان وب مازندران ” عضو شوید.

بانک ملی ایران
شماره 16 رقمی کارت : 3479 - 0689 - 9918 - 6037
به نام مهرشاد درزی سوته
دوره ی های آموزشی طراحی وب سایت در مازندران
جهت اطلاعات بیشتر اینجا کلیک کنید ...