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

رویداد submit در جی کوئری

در این جلسه ی آموزشی در رابطه با رویداد submit و نحوه ی کار با این رویداد با یک مثال کاربردی (قفل شدن صفحه پس از زدن دکمه ی ارسال) صحبت می کنیم .

form

فصل سوم : event ها در جی کوئری

جلسه نهم : رویداد submit در جی کوئری

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

دوستان در این جلسه ی آموزشی در رابطه با رویداد submit و نحوه ی کار با این رویداد صحبت می کنیم.

 

رویداد submit

رویداد submit زمانی اتفاق میوفته که یه فرم در صفحه submit بشه؛ یعنی دکمه ی ارسال یا همون submit کلیک زده بشه. در این حالت شما میتونید عملیاتی رو انجام بدید.

 

قاعده ی دستوری رویداد submit

Selector : فرم مورد نظر ماست که قراره رویداد submit روش اعمال بشه.

Submit : رویداد مورد نظر ماست.

Function : تابعی هست که هنگام عمل submit قراره اجرا بشه.

 

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

حالا استایل مورد نظر رو به عناصر میدیم:

 

در اینجا ما یک پرده ی سیاه رنگ ایجاد کردیم و اون رو با display:none پنهان کردیم تا در زمان submit ظاهر بشه.

و حالا با جی کوئری تعریف می کنیم که با زدن دکمه ی submit پرده ی سیاه رنگ نمایان بشه و صفحه رو به اصطلاح قفل کنه.

براتون یه مثال زدم که بتونید تو پروژه هاتونم استفاده کنید. با این روش شما با زدن دکمه ارسال صفحه رو قفل میکنید تا کاربر چند بار کلید ارسال رو نزنه و یا عمل دیگه ای در صفحه انجام نده تا عمل ارسال کامل انجام بشه.

به همین راحتی 🙂 میتونید این مثال رو دانلود کنید.

موفق و پاینده باشید .

تهیه شده در مدرسه مجازی ایرانیان

 

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

  • سلام آموزش ها مناسب و کاربردیه
    اگر تعداد مثال ها بیشتر بشه و از مثالهای متنوع تری استفاده بشه بهتره
    بازم ممنونم از تلاش شما

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی