• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6251 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی جاوااسکریپت (جلسه 29): پروژه - کدنویسی پلاگین اعتبارسنجی فرم ها (Form Validation)

16 2140 ۲۲ آبان ۹۴
یکی از مهمترین اهداف استفاده از جاوااسکریپت در صفحات وب اعتبارسنجی فرم هاست. اعتبارسنجی فرم ها به این معنی هست که ما اجازه ندیم کابرها اطلاعات فرم ها رو به صورت غیرمعتبر و غیر واقعی وارد کنند. در پروژه امروز که سومین پروژه از دوره جامع آموزش جاوااسکریپت و جی کوئری هست یک پلاگین بسیار جالب و کاربردی رو با هم خواهیم نوشت. خروجی پروژه امروزمون چیزی شبیه زیر هست. در تصویر زیر فرم با برخی اطلاعات نادرست پر شده و دکمه register زده شده. همونطور که می بینید پلاگین ما خطاهای مربوط به ورودی های کاربر رو بهش گوشزد می کنه ! formValidation مطالب مطرح شده در این جلسه عبارتند از :
  • پروژه اعتبارسنجی فرم ها - html form validation
  • توضیح در مورد اهمیت اعتبارسنجی و وظیفه جاوااسکریپت در این زمینه
  • توضیح ساختار پروژه و تشریح نحوه استفاده و کدنویسی html و css پروژه
  • تعین کلاس برای باکس (div) نمایش خطاهای ورودی
  • نحوه دریافت نام فیلد از خصوصیت های فیلدهای ورودی
  • تعین مکان نمایش خطاها (ابتدا یا انتهای فرم)
  • اعتبارسنجی ایمیل
  • اعتبارسنجی آدرس وبسایت و url ها
  • اعتبارسنجی فیلدهای خالی
  • اعتبارسنجی و تعین حداقل و حداکثر کاراکترهای ورودی کاربر
  • اعتبارسنجی و تعین بازه اعداد صحیح ورودی کاربر
  • آموزش نحوه ایجاد اعتبارسنجی جدید و افزودن آن به پروژه این جلسه
  • بررسی و مرور نکات مهم و ویژه پروژه این جلسه
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 16 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Shahryar Tavakkoli(۲۳ آبان ۱۳۹۴)

    درود خدمت شما تاریخ ارسال پستی مشخص شده ؟

  • ‏‏

    سلام عالی بود خیلی کاربردی بود.
    البته درمورد lookbehind که قولش داده بودین توضیح ندادین.
    تشکر

  • ‏‏

    سلام،خسته نباشید
    ساختار emailregex و… رو خود برنامه نویس باید بنویسه یا میتونه از ساختارهای آماده که تو سطح وب هست استفاده کنه؟

  • ‏‏
    دانشجو(۱۹ خرداد ۱۳۹۵)

    سلام استاد آوند عزیز
    از این پلاگین روی یه پروژه ای میخوام استفاده کنم ارور داره و درست اجرا نمیشه توی کنسول این ارور هست

    احتمالا با کتابخانه های دیگه دچار مشکل میشه چطوری میتونیم رفعش کنیم؟
    تشکر

    • ‏‏
      لقمان آوند(۱۹ خرداد ۱۳۹۵)

      سلام
      این ارور میگه تابع trim روی مقدار موجود در آرایه قابل اعمال نیست. باید ببینید چه مقداری گرفته . اگر تونستید فایل مربوطه رو برای من ایمیل کنید که ببینم.

      • ‏‏
        دانشجو(۱۹ خرداد ۱۳۹۵)

        سلام
        هر مقداری وارد میکنم این خطا رو میده حتی تمامی فیلدهای فرم رو خالی قرار میدم و ارسال رو که میزنم فرم ارسال میشه و اخطار و جلوگیری از ارسال فرم صورت نمیگیره
        البته اینم بگم دقیقا همین فرم رو روی یه سایت و قالب دیگه استفاده کردم بدون مشکل کار میکنه

        • ‏‏
          لقمان آوند(۲۰ خرداد ۱۳۹۵)

          خوب پس احتمالا با کتابخانه یا کدهای جاوااسکریپت دیگه تداخل داره … باید یکی یکی فایلای دیگه به جز جی کوئری رو حذف کنید و ببنید حذف کدوم یکی باعث کار کردنش میشه …

      • ‏‏
        دانشجو(۱۹ خرداد ۱۳۹۵)

        مشکلش رو فهمیدم با چی تداخل داره با کتابخانه mootools تداخل داره این رو که غیر فعال میکنم کار میکنه چطوری میشه تداخلشون رو رفع کرد؟

        • ‏‏
          لقمان آوند(۲۰ خرداد ۱۳۹۵)

          سلام
          خوب از متد jQuery.noConflict که در دوره جاوااسکریپت و جی کوئری گفتیم استفاده کنید.

        • ‏‏
          دانشجو(۲۰ خرداد ۱۳۹۵)

          همه روشهای استفاده از jQuery.noConflict رو تست کردم ولی بازم باعث رفع ارور نمیشه نمیدونم چرا ارور رو رفع نمیکنه

        • ‏‏
          لقمان آوند(۲۱ خرداد ۱۳۹۵)

          می تونید کل کدتون رو در یک صفحه html برای من ایمیل کنید که ببینم …

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram