آموزش JavaScript: برنامه نویسی فرم وب

مقدمه Introduction

• ساخت فرم های مدرن وب Building modern web forms

• آنچه شما باید بدانید What you should know

• راه اندازی شدن Getting set up

1. فرم برنامه نویسی اصول 1. Form Programming Fundamentals

• تعامل برچسب و زمینه Label and field interaction

• پیاده سازی کلید میانبر Implementing shortcut key navigation

• کلیدهای میانبر خودکار Automatic shortcut keys

• رویدادهای فرم و میدانی Form and field events

• با استفاده از عنصر خروجی Using the output element

• چالش: برنامه نویسی فرم Challenge: Form programming

• راه حل: برنامه نویسی فرم Solution: Form programming

2. فرم های پویا 2. Dynamic Forms

• نمایش فیلد پویا Dynamic field display

• شی Form FormData The FormData object

• ارسال داده با FormData Sending data with FormData

• چالش: اشکال پویا Challenge: Dynamic forms

• راه حل: اشکال پویا Solution: Dynamic forms

3. پشتیبانی از تکمیل خودکار و جمع آوری مجدد 3. Support Autofill and Repopulation

• استفاده از datalist برای تکمیل خودکار Using datalist for autocomplete

• با استفاده از پایگاه داده پویا Using dynamic datalists

• پشتیبانی از تکمیل خودکار Supporting autofill

• ذخیره و بازیابی داده های فرم Storing and retrieving form data

• چالش: تکمیل خودکار Challenge: Autofill

• راه حل: تکمیل خودکار Solution: Autofill

4. اعتبار سنجی داده ها 4. Validate Form Data

• مروری بر رویکردهای تأیید فرم Overview of form validation approaches

• از اعتبار سنجی مرورگر اصلی استفاده می کنید Leveraging basic browser validation

• در حال انجام اعتبار سنجی بهتر مرورگر Implementing better browser validation

• استفاده از CSS برای افزایش اعتبار پویا Using CSS to enhance dynamic validation

• فیلتر ورودی ورودی Filtering key input

• استفاده از جاوا اسکریپت برای اعتبار سنجی Using JavaScript for validation

• چالش: اعتبار سنجی فرم Challenge: Form validation

• راه حل: اعتبار سنجی فرم Solution: Form validation

نتیجه Conclusion

• مراحل بعدی Next steps