الزامی کردن تمام فیلدهای فرم با jQuery

طراحی سایت

..الزامی کردن تمام فیلدهای فرم با jQuery..
طراحی سایت

الزامی کردن تمام فیلدهای فرم با jQuery

برای الزامی کردن تمامی فیلدهای وارد شده در فرم با استفاده از جی‌کوئری می‌توانیم به شکل زیر عمل کنیم.

ابتدا به فرم مورد نظر یک شناسه تخصیص می‌دهیم و فیلدهای دلخواه را در آن درج می‌کنیم:

سپس کدهای جاوااسکریپت زیر را به صفحه اضافه می‌کنیم:

عملکرد کدهای جاوااسکریپت بالا به این صورت است

  1. در کدهای بالا ابتدا روی رویداد submit فرم یک تابع تعریف می‌کنیم که پیش از ارسال فرم به سرور بررسی‌های لازم را انجام دهد.
  2. هنگام submit فرم، ابتدا تمامی فیلدهای input متنی و تمامی selectهای موجود در فرم را جستجو می‌کنیم.
  3. اگر مقدار وارد شده در input خالی باشد یا مقدار انتخاب شده در select اولین مورد باشد، فرض بر این است که کاربر فیلد مورد نظر را خالی گذاشته است.
  4. در صورت خالی بودن هر یک از فیلدها، جستجو متوقف می‌شود و پیام خطا نمایش داده می‌شود.
  5. پس از نمایش پیام خطا، با استفاده از preventDefault، ارسال فرم متوقف می‌شود و اولین فیلد خالی انتخاب می‌شود تا کاربر مقدار آن را وارد کند.

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

462
10 دی 1398
..نظرات..
..مقالات پربازدید..
طراحی سایت

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

  آموزش قرعه کشی در اینستاگرام   با سلام خدمت دوستان و کاربران گرامی . امروز با آموزش قرعه کشی در اینستاگرام برای کسانی که علاقه به ایجاد کمپین های تبلیغاتی دارند در خدمت شما هستیم . بحث قرعه کشی در اینستاگرام با توجه به فراگیر شدن این شبکه اجتماعی که البته امروزه زیرمجموعه فیسبوک مطرح میشود ، زیاد شده است . البته این احتمال وج...

17635
24 فروردین 1398
طراحی سایت

bit.ly چیست ؟

بیتلی یا bitly یکی از شناخته‌شده‌ترین سرویس‌های کوتاه کننده لینک است. این سایت با نشانی https://bit.ly در سال ۲۰۰۸ تاسیس شد. یک کوتاه کننده‌ی لینک وظیفه دارد تا لینک‌های مورد نظر کاربران را به شکل کوتاه و قابل خواندن و نوشتن تبدیل کند. این سرویس در هر ماه حدود ۶۰۰ میلیون لینک کاربران را کوتاه می‌کند. علت استفاده از...

3298
27 آذر 1398
طراحی سایت

دلایل موفقیت دیجی کالا

یکی از موفق ترین استارت اپ های ایران در دهه ی اخیر سایت دیجی کالا بوده است . به طوری که به جرئت می توان گفت این سایت بزرگ‌ ترین خرده‌ فروشی اینترنتی خاورمیانه است . اقایان محمدی در سال 1384 تصمیم راه اندازی این وب سایت گرفتند و در سال 85 این برند با نام فعلی ” دیجی کالا ” پایه گذاری گردید . مدیران این پروژه با این هدف او...

2830
22 اردیبهشت 1398