صفحه اصلی » آموزش » JQUERY & JAVASCRIPT » آموزش پلاگین و افکت لرزش فرم
برگشت به صفحه اصلی
فروش قالب وردپرس نوین دانلود

قالب حرفه ای دانلود وردپرس

قیمت محصول: 50 هزار تومان

پنل مدیریت ، طراحی واکنش گرا ، سئو شده

خرید قالب فروش جم حرفه ای اکانتک فریر

فروش قالب حرفه ای اسکریپت فریر

قیمت محصول: 60 هزار تومان

گزارش ویژه فروش ، طراحی واکنش گرا ، سئو شده

استخدام نویسنده

آموزش پلاگین و افکت لرزش فرم

بدون دیدگاه

منتشر شده توسط صالح طالبی در تاریخ ۳ دی ۱۳۹۳
JQUERY & JAVASCRIPT / آموزش
learning

افکت لرزش فرم ، خوب تو این پست قصد کردم یه آموزش و پلاگین جالب واسه فرم ها بزارم البته پلاگین js هست نه پلاگین وردپرس! خوب با این پلاگین که در آخر لینک دانلودش رو هم واستون میزارم می تونید افکت لرزش رو به فرم خودتون اضافه کنید تا اگه کسی فرم رو اشتباه پر کرد یا یه قسمتی از اون رو پر نکرد فرم به لرزه در بیاد خوب پس بریم سراغ آموزش :

در ابتدای کار کتابخانه جی کوئری و پلاگین مورد نظر رو در صفحه فراخوانی می کنیم:

سپس یک فرم طراحی می کنیم که در این مثال فرم لاگین طراحی کردیم:

لایه ی اصلی رو با شناسه ی login و فرم رو با شناسه ی loginform نامگذاری میکنیم. همچنین فیلد نام کاربری رو با شناسه ی username و فیلد رمز عبور رو با شناسه ی pwd نامگذاری میکنیم. برای دکمه ی ارسال هم شناسه ی submit_butt در نظر میگیریم.

حالا برای ایجاد افکت لرزش از کد جی کوئری زیر استفاده می کنیم:

زمانی که شما روی دکمه با شناسه ی submit_butt کلیک کنید، این تکه کد اجرا میشه.

از frequency میتونید استفاده نکنید، با spread شدت لرزش رو مشخص می کنیم، با duration بازه ی زمانی این افکت رو مشخص می کنیم مثلا میگیم به مدت ۵ دهم ثانیه به لرزش دربیاد.

تمامی زمان هارو به میلی ثانیه وارد کنید، مثلا ۵۰۰۰ یعنی ۵ ثانیه .

بعد از تعریف conf مورد نیازمون گفتیم لایه ای که با شناسه ی login معرفی کردیم با کانفیگ conf به لرزش دربیاد.

در مرحله ی بعد میگیم اگر فیلد پیغام خطا یعنی errormsg خالی بود پیغام مورد نظر رو در این کادر نمایش بده. همچنین تمامی محتوای داخل فیلدهای نام کاربری و رمز عبور رو هم خالی کن.

منبع: مدرسه مجازی ایرانیان . کام

حتما پروان وب را در اینستاگرام فالو کنید
قالب حرفه ای لازم دارید!
هم اکنون از فروشگاه ما دیدن کنید...

مطالب پیشنهادی ما

newscode1

آموزش قراردادن کد سامانه در سایت های وردپرس

آموزش / وردپرس
۱۲ فروردین ۱۳۹۵
banner2-420x310

تغییر لوگو قالب وردپرس

آموزش / وردپرس / وردپرس
۱۲ فروردین ۱۳۹۵
add

تغییر نام پوشه wp-content در وردپرس

آموزش / وردپرس
۱۸ آذر ۱۳۹۴
new

نمایش لیست کامل نویسندگان (کاربران) در وردپرس

آموزش / وردپرس
۱۸ آذر ۱۳۹۴

بیوگرافی نویسنده

صالح طالبی

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

دیدگـاه ها

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته بندی و خدمات

جستجو

پکیج های آموزشی

  • پکیج تصویری آموزش فارسی طراحی بنر فلش
    پکیج آموزش طراحی بنر فلش

جدید ترین ها

پست نامه ما

پست نامه پروان وب راه اندازی شد!

با عضویــــت در پسـت نامه ی ما هر روز جدیـدترین پست های سایت را در ایمیل خود داشته باشد و از آنها استفاده کنید عضویت با یه تایپ ساده ایمیلتون انجام میشه !