آموزش اعتبار سنجی فرم جاوا اسکریپت با ساختن یک فرم از ابتدا
Master JavaScript Form Validation by Building a Form from Scratch
جاوا اسکریپت سرگرم کننده است! یادگیری جاوا اسکریپت و ایجاد پروژه در جاوا اسکریپت حتی هیجان انگیزتر است. تو این کلاس داریم یه همچین کاری میکنیم! یک پروژه کوچک شگفت انگیز جاوا اسکریپت - اعتبارسنجی فرم با استفاده از HTML، CSS و جاوا اسکریپت.
بیایید ببینیم قرار است در این کلاس چه چیزی یاد بگیرید:
- ساخت فرم ثبت نام در Html
- طراحی، جعبه متن، دکمه‌ها، فرم و غیره (style.css)
- استایل دادن به پیام خطا و کادر ورودی (بیشتر در style.css)
- ایجاد فایل main.js و واکشی عناصر DOM
- افزودن شنونده رویداد در دکمه و ایجاد روشی برای مدیریت موفقیت و خطا در جاوا اسکریپت.
- ایجاد روشی برای رسیدگی به اعتبارسنجی ایمیل.
- ایجاد روشی برای کنترل اعتبار رمز عبور.
این دوره برای زبان آموزانی طراحی شده است که دانش اولیه HTML، CSS و جاوا اسکریپت را دارند. پس از این دوره، زبان آموزان قادر خواهند بود تمام مفاهیم اساسی جاوا اسکریپت را درک کنند.
اگر در مورد موضوعات تحت پوشش این دوره سوالی دارید، لطفاً بپرسید.
پس از اتمام دوره، از دانش‌آموزان درخواست می‌شود پروژه اعتبارسنجی فرم جاوا اسکریپت را با یک فیلد اضافی برای شماره تلفن بسازند. طرح پروژه شما در فایل منبع ارائه شده است. لطفاً آن را بررسی کنید و دستورالعمل‌های زیر را که برای تکمیل پروژه باید دنبال کنید، بخوانید.
بنابراین، اکنون فرم ثبت نام شما باید دارای فیلدهای زیر باشد:
- نام کاربری
- شناسه ایمیل
- شماره موبایل
- رمز عبور
- تایید رمز عبور
توجه: این پروژه باید ورودی کاربر را با قوانین زیر تأیید کند:
- همه فیلدها الزامی هستند. (در صورت خطا - نمایش پیام خطا)
- ایمیل باید درست باشد، مانند abc@example.com
- در شماره تلفن همراه فیلد – فقط عدد قابل تایپ است (نویسه باید غیرفعال شود)
- رمز عبور و رمز عبور تأیید باید مطابقت داشته باشند.
دانشجویان می توانند پروژه های خود را در گالری پروژه ارسال کنند و می توانند در مورد آنها بیشتر بحث کنند.
متشکرم! بهترین ها!
درس ها Lessons
-
طراحی، جعبه متن، دکمه ها، فرم و غیره Designing, Text box, Buttons, Form Etc.
-
ایجاد روشی برای کنترل اعتبار رمز عبور Creating a method to handle password validation.
-
مقدمه ای بر اعتبارسنجی فرم جاوا اسکریپت Introduction to Javascript Form Validation
-
واکشی عناصر DOM Fetching DOM Elements
-
ایجاد روشی برای رسیدگی به اعتبارسنجی ایمیل Creating a method to handle email validation.
-
ساخت فرم ثبت نام در Html Making of Sign-up Form In Html
-
شکل دادن به پیام خطا و کادر ورودی. Styling the error message and input box.
-
ایجاد روشی برای مدیریت موفقیت و خطا در جاوا اسکریپت. Creating a method to handle success and error in JavaScript.
https://donyad.com/d/17f9ca
Flowindata Technology
تیم فناوری
سلام، ما تیم Flowindata هستیم، ما گروهی از توسعه دهندگان با بیش از 10 سال تجربه در فناوری هستیم. ما اکنون مجموعه درس های آموزشی خود را با مثال های تخصصی ارائه می کنیم، درس های ما ترکیبی از تئوری و عملی خواهد بود که به شما کمک می کند تا مهارت های فنی خود را در اشتراک مهارت افزایش دهید.
تماشا کنید و با داده های گروهی بیاموزید.
نمایش نظرات