ایجاد: ۸:۲۲ ۱۳۹۱/۶/۶
ویرایش: ۱۰:۲۰ ۱۳۹۳/۱۲/۱۸

یادداشت‌ها

»

پلاگین هایی برای کار با فرم های ورود اطلاعات

  • taggingJS
    یک پلاگین بسیار ساده برای تبدیل یک ورودی ساده، به ورودی برچسب (tag)
  • Tags Manager
    پلاگین autocomplete برای اضافه کردن tag و ... که با جی کوئری نوشته شده است.
  • jQuery Tag-This
    شبیه موارد فوق، برای تگ‌بندی و امثال آن کاربرد دارد با این قابلیت اضافه که قابلیت validate نیز دارد.
  • jQuery Super Labels
    یک پلاگین ساده جی‌کوئری که متن یا عنوان پیش‌فرض را به فیلدهای ورودی متن می‌افزاید و پس از کلیک کاربر بر روی آن ورودی، متن مربوطه به سمت مقابل حرکت کرده و در حین درج ورودی، ناپدید می‌شود.
  • Toggle Switch
    یک پلاگین عالی و کوچک برای تبدیل چک‌باکس‌ها به حالت سوئیچ‌های on/off که در همه براوزرها حتی ie6 هم بدون مشکل است
  • smart input field position indicator
    این پلاگین مخصوص ورودی ساده تک‌خطی است (input type=text) که در صورت بزرگتر بودن طول رشته درون آن از طول قابل نمایش آن، یک شاخص افقی آبی رنگ به زیر آن اضافه می‌کند که مشخص می‌کند در حال حاضر چشمکزن درج، در کجای فیلد قرار دارد. (نمونه اجرا شده)
  • type ahead
    پلاگین auto complete ساخت توئیتر! که از نظر زیبایی ظاهری چیزی کم ندارد :)
  • Parsley js
    یک پلاگین که کار اعتبارسنجی فرم‌ها را بسیار ساده کرده است. طراح فرم لازم است صرفا با attibute های معین، مواردی مانند لازم بودن یا نبودن، ساختار و زمان آتش کردن آن ویژگی را تعیین کند و تمام! به همین سادگی :)
  • Complexify
    یک پلاگین برای چک کردن میزان پیچیدگی پسورد. از محاسن این پلاگین نسبت به سایر پلاگین‌ها، پشتیبانی از حروف غیرانگلیسی (و کلا یونیکد) است...
  • جایگزینی برای placeholder
    ویژگی placeholder که در html5 اضافه شده، زیبا و جالب است و موجب شکیل شدن فرم می‌گردد. منتها در براوزر IE (حتی تا خود نسخه 9) و براوزرهای قدیمی ساپورت نمی‌شود. عدم پشتیبانی از این ویژگی در براوزرهای قدیمی موجب می‌شود که فرم شما عملا مبهم و بلااستفاده شود (چون اکثرا بجای label از placeholder استفاده می‌شود)
    برای حل این مشکل کدهای ساده تا پیشرفته جی‌کوئری وجود دارد که کار شما را بسیار آسان می‌کند. برخی از آنها مثل jquery placeholder نیز به صورت یک پلاگین تهیه شده است.
  • Selectize و Chosen و bselect و Select2 و flexselect و DropKick و zelect
    پلاگین‌هایی که لیست بازشو (Select) طولانی شما را تبدیل به یک لیست قابل جستجو می‌کند تا کاربر بتواند راحت‌تر و سریع‌تر انتخاب کند. flexselect ساده‌ترین آنها و Selectize پرقابلیت‌ترین آنهاست.
    پلاگین Select or Die! نیز select شما را تبدیل به یک سلکت تخت می‌کند.
  • WideArea
    پلاگینی کوچک برای تبدیل textarea ی محدود به تمام صفحه که نوشتن متن را برای کاربر دل‌پذیرتر می‌کند. (مناسب برای ورودی متن کامنت و ... خصوصا اگر به صورت اتوماتیک بعد از focus انجام شود)
  • email-autocomplete
    پلاگینی ساده برای پیشنهاد و تکمیل خودکار (suggestion and auto complete) ورودی email
  • Awesomplete
    برای autocomplete روی تعداد عناصر محدود، خود html5 امکان تعریف list آن داده‌ها و autocomplete روی آن را فراهم آورده است. پلاگین Awesomplete صرفا نمای زیباتری به این قابلیت html5 اضافه می‌کند.
  • sisyphus
    این پلاگین با کمک localStorage قابلیت Auto Save را برای فرم شما فراهم می‌آورد تا اگر پنجره کاربر به هر دلیل ناخواسته بسته شد و کاربر دوباره به آن صفحه مراجعه کرد، همه مواردی که قبلا در فرم وارد کرده، سرجایش برگردد.
همچنین برای آپلود فایل در فرم‌ها، پلاگین‌های بسیار مفید و خوبی در اینجا معرفی کرده‌ام.
یادداشت‌های مرتبط
  1. معرفی برخی اسلایدرهای جی کوئری
  2. ابرکوکی و ذخیره ساز جدید HTML5
  3. روش های بهبود کیفیت آپلود فایل ها از طریق فرم های صفحات وب
  4. اعتبارسنجی و شکل دهی فرم ها با استفاده از html5
  5. ادیتورهای محتوای غنی شده برای صفحات وب
  6. افکت های متن با جاوا اسکریپت و جی کوئری
  7. لینک اسکرول به بالای صفحه
  8. ارتفاع اتوماتیک ورودی متن جهت حذف اسکرول
  9. کنترلرهای اسلایدی
  10. استفاده از Media Queries ها و اصلاح عدم پشتیبانی IE6-8

مدیریت

نام وسیله

اعتبار ورود

نام کاربری

رمز عبور

رمز یکبارمصرف

... لیست تمام یادداشت‌ها

تبلیغات

ربات‌های تلگرامی:
مجموعه ربات‌های تلگرامی ما برای ساده‌تر کردن کار با تلگرام و مدیریت کانال
دامنه‌های فروشی:
دامنه‌های زیر مربوط به ما یا مشتریان ماست که قابل واگذاری هستند. در صورت تمایل به داشتن یکی از آنها، با این اکانت تلگرامی مکاتبه نمایید.

دامنه‌هایی که می‌تواند مصرف تخصصی داشته باشد:
AnyDesk.ir, Firebase.ir, Angularjs.ir, 9px.ir alAdmin.ir, iQore.ir notion.ir, 3dn.ir,

دامنه‌هایی که می‌تواند مصرف فرهنگی/مذهبی داشته باشد:
mavaez.ir, 2aha.ir, babolelm.ir, mahjoor.ir

دامنه‌هایی که می‌تواند مصرف شخصی/عمومی داشته باشد:
azizami.ir, 90blog.ir