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

ساخت اکشن چندگانه فرم با جاوااسکریپت


ساخت اکشن چندگانه فرم با جاوااسکریپت

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

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

زبان های سمت سرور با استفاده از فرم ها و دریافت داده از سمت کاربر (client-side) می توانند عملیات و پردازش هایی را به منظور داینامیک سازی و انجام تغییرات (manipulation) و ذخیره آن در دیتابیس را انجام دهند.

مدیریت سایت با فرم ها می تواند مطالب یا محصولات جدیدی را اضافه کند, عملیات ویرایش را انجام دهد و یا تصویر و فایل های غیره را آپلود کند.

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

 

پس می توانیم نتیجه بگیریم فرم HTML یکی از عناصر بسیار مهم و ضرور در هر صفحه وب داینامیک است.

همانطور که می دانید فرم ها با دریافت خصوصیت action قادر به ارسال داده ای وارد شده در فیلد ها به یک صفحه مثلا server.php را دارند. برای اینکه اطلاعات یک فرم را به چند صفحه PHP ارسال کنیم, از iframe و جاوااسکریپت بهره می بریم.

ساخت اکشن چندگانه فرم با جاوااسکریپت

فرم HTML

در ابتدا یک فرم HTML داریم که دو مقدار username, password را از کاربر می گیرد و به صفحه تعیین شده در بخش اکشن فرم (login1.php) ارسال می کند.

حتما بخوانید  جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery

همچنین برای مدیریت رویداد کلیک دکمه سابمیت از تابع OnButton() جاوااسکریپت استفاده کردیم.

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

کد JavaScript دکمه سابمیت

در اینجا برای ساخت اکشن چندگانه فرم با جاوااسکریپت , داده ها را به دو صفحه متفاوت ارسال می کنیم

همانطور که در کد iframe زیر می بینید ما برای ارسال داده به دو صفحه مختلف دو iframe با nameهای متفاوت را ایجاد کردیم.در اینجا برای اینکه کاربر از وجود این دو i frameایجاد شده مطلع نشود آن ها را با کد CSS مخفی کردیم.

حتما بخوانید  کتاب آموزش JavaScript (جاوااسکریپت) به فارسی

با باز شدن این آی-فریم ها اطلاعات ثبت شده در فرم به این دو صفحه نیز ارسال می شود و شما می توانید داده ها را همانطوری که می خواهید پردازش و استفاده کنید.

همچنین محدودیتی در تعریف این آی-فریم ها ندارید و هر چقدر در حد تعادل می توانید ایجاد کنید.

نکته : توجه کنید که فرض ما اینجا لاگین شدن کاربر بود که برای ما می توانید این فرم بسیار متفاوت باشد. در این مثال کاربر فقط تاییدیه برگشتی از اکشن اول (login1.php) را خواهد داد. البته شما می توانید یک صفحه جداگانه برای نمایش هر دو در یک صفحه  ایجاد کنید یا اینکه به صفحه مورد نظر ریدایرکت کنید.

امیدوارم از آموزش ساخت اکشن چندگانه فرم با جاوااسکریپت نهایت استفاده را برده باشید.

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

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

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

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

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

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

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

جدیدترین آموزش های آنلاین



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

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

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

افزایش امنیت سایت

مجوزهای ما


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

بخش کاربران

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

دانلود کتاب

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