آموزش فرم های جی کوئری و بوت استرپ 3

سرفصل ها و درس ها

فرم های جی کوئری و بوت استرپ 3 jQuery Forms and Bootstrap 3

• مقدمه Introduction

• پیش نیازها Prerequisites

• محیط توسعه The Development Environment

طرح بندی و استایل فرم بوت استرپ 3 Bootstrap 3 Form Layout and Styling

• مقدمه Introduction

• نصب و اعمال بوت استرپ 3 Installing and Applying Bootstrap 3

• ایجاد فرم بوت استرپ 3 Creating a Bootstrap 3 Form

• فرم های افقی Horizontal Forms

• فرم ها در ستون های صفحه وب Forms in Web Page Columns

• فرم ها در ویندوز مودال Forms in Modal Windows

• فرم های درون خطی Inline Forms

• مجموعه فیلدها و فرم های چند ستونی Fieldsets and Multi-Column Forms

• فرم دهی با بوت استرپ 3 Styling Forms with Bootstrap 3

• خلاصه Summary

فرم های جی کوئری jQuery Forms

• مقدمه Introduction

• انتخابگرها برای عناصر فرم Selectors for Form Elements

• انتخابگرهای فوکوس، فعال، غیرفعال Focus, Enabled, Disabled Selectors

• انتخابگرها برای دکمه ها Selectors for Buttons

• تمرکز و تاری رویدادها Focus and Blur Events

• تغییر رویداد Change Event

• سریال سازی فرم ها Form Serialization

• ارسال رویداد Submit Event

• خلاصه Summary

پلاگین اعتبار سنجی جی کوئری The jQuery Validation Plugin

• مقدمه Introduction

• نصب پلاگین اعتبار سنجی جی کوئری Installing the jQuery Validation Plugin

• اعتبار سنجی یک فرم Validating a Form

• روشهای اعتبارسنجی Validation Methods

• روش های اعتبار سنجی سفارشی Custom Validation Methods

• مدیریت رویداد ارسال Handling the Submit Event

• استایل کردن پیام های خطا با بوت استرپ 3 Styling Error Messages with Bootstrap 3

• بررسی چک باکس ها Validating Checkboxes

• اعتبارسنجی جاوا اسکریپت محجوب Unobtrusive JavaScript Validation

• خلاصه Summary

اتصال داده ها با فرم ها Data Binding with Forms

• مقدمه Introduction

• برپایی Setup

• اتصال دستی داده ها Data Binding Manually

• اتصال داده ها با ناک اوت Data Binding with Knockout

• اتصال داده ها با AngularJS Data Binding with AngularJS

• خلاصه Summary

کنترل های فرم شخص ثالث برای بوت استرپ Third Party Form Controls for Bootstrap

• مقدمه Introduction

• گروه های ورودی Input Groups

• انتخابگر تاریخ و زمان بوت استرپ A Bootstrap Date and Time Picker

• سوئیچ تعویض بوت استرپ A Bootstrap Toggle Switch

• یک جادوگر برنامه بوت استرپ A Bootstrap Application Wizard

• کتابخانه راهنماهای فرم بوت استرپ Bootstrap Form Helpers Library

• کتابخانه Fuel UX Fuel UX Library

• ویجت های رابط کاربری جی کوئری jQuery UI Widgets

• خلاصه Summary

تکمیل خودکار با Typeahead.js Autocomplete with Typeahead.js

• مقدمه Introduction

• راه اندازی Typeahead.js Setting up Typeahead.js

• پیشنهادات محلی Local Suggestions

• استفاده از توکن ها برای جستجو Using Tokens for Lookup

• واکشی از قبل پیشنهادات Prefetching Suggestions

• پیشنهادات ذخیره سازی Caching Suggestions

• پیشنهادات از راه دور Remote Suggestions

• الگوهایی برای پیشنهادات Templates for Suggestions

• نمونه های Typeahead.js Typeahead.js Examples

• خلاصه Summary

پردازش فرم ها Processing Forms

• مقدمه Introduction

• تنظیم فرم Form Setup

• ارسال فرم با استفاده از جی کوئری Posting a Form Using jQuery

• ارسال اطلاعات اضافی Posting Extra Data

• رسیدگی به کدهای وضعیت Handling Status Codes

• خلاصه Summary