طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

اعتبارسنجی فرم ها با jQuery توسط Tooltip


در این آموزش , قصد داریم به شما نحوه اعتبار سنجی فرم تماس با ما و نمایش پیام های خطا توسط Tooltip و جی کوئری را نشان بدیم.

 

در این مثال از tooltip جی کوئری , ما فیلد ها فرم را به به منظور نمایش نتیجه اعتبارسنجی (validation) هایلایت می کنیم. و سپس تابع tooltip را برای نمایش متن خطا فراخوانی خواهیم کرد.

اعتبارسنجی فرم ها با jQuery توسط Tooltip

کد HTML فرم تماس با ما

این کد شامل فیلد های تماس با ما که نیاز به اعتبارسنجی توسط جی کوئری (jQuery) است , را نشان می دهد. بعد از اعتبار سنجی , این فیلدها با نوار قرمز رنگ مشخص می شوند و با بردن ماوس روی هر کدام tooltip نمایان می شود.

اعتبارسنجی فرم ها با jQuery

اسکریپت زیر به منظور اعتبارسنجی فیلدهای ضروری و ایمیل به کار رفته است . برای نشان دادن نتیجه , استایل های CSS را اعمال و متن خطا را با jQuery اضافه می کنیم.

حتما بخوانید  تغییر پس زمینه تصویر در jQuery

کد Tooltip جی کوئری در فرم

کد jQuery زیر متن خطا را در قالب تولتیپ با اجرای رویداد mouseover بر روی فیلدهای هایلایت شده نشان می دهد.

امیدوارم از آموزش اعتبارسنجی فرم ها با jQuery نهایت استفاده را برده باشید .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

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

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

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

عضویت در خبرنامه