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

طراحی سایت

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

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

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

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

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

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

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

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

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

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

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

8415
24 فروردین 1398
برنامه نویسی

آموزش کار با افزونه دکان (چند فروشندگی)

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

719
04 دی 1397
برنامه نویسی

ویژگی های جدید لاراول 5.8

تغییرات لاراول 5.8 LARAVEL ورژن بعدی فریم ورک لاراول با نسخه ۵.۸ در ماه فوریه سال ۲۰۱۹ منتشر میشه. در حال حاظر تنها مواردی که قطعی شده پشتیبانی لاراول ۵.۸ از کتابخانه carbon نسخه ۲ می باشد. و قابلیت امکان سوییچ بین هر دو نسخه یک و دو carbon مورد دیگر استفاده laravel 5.8 از vlucas/phpdotenv ورژن 3 برای فایل .env میباشد که اجازه استف...

691
08 اسفند 1397