آموزش Web Forms 2021 - قسمت 9: نحوه انجام اعتبار سنجی سمت سرویس گیرنده (توکار و با جاوا اسکریپت)
Web Forms 2021 - Part 9: How to perform client-side validation (built-in, and with JavaScript)
به این مجموعه اشتراک مهارت در مورد نحوه ساخت و درک فرم های وب خوش آمدید. این کلاس نهم در فرم‌های وب است -- اعتبارسنجی.
چه چیزی را در این کلاس خاص پوشش می دهیم؟
ما تعداد زیادی از اطلاعات را در این مجموعه پوشش خواهیم داد، اما برای قسمت 9، می‌خواهم درباره اعتبارسنجی داده‌های فرم به شما آموزش دهم.
اعتبار سنجی فرم برای جلوگیری از سوء استفاده از فرم آنلاین توسط کاربران مخرب لازم است. اعتبار سنجی نادرست داده های فرم یکی از دلایل اصلی آسیب پذیری های امنیتی است. وب سایت شما را در معرض حملاتی مانند تزریق هدر، اسکریپت بین سایتی و تزریق SQL قرار می دهد.
- از حملات تزریق هدر می توان برای ارسال هرزنامه ایمیل از سرور وب شما استفاده کرد
- اسکریپت بین سایتی ممکن است به مهاجم اجازه دهد هر داده ای را در سایت شما پست کند
- تزریق SQL ممکن است پایگاه داده شما را خراب کند
به همین دلیل می‌خواستم یک کلاس کامل را به اعتبارسنجی فرم اختصاص دهم.
اعتبار سنجی فرم یک فرآیند فنی است که در آن فرم وب بررسی می شود اگر اطلاعات ارائه شده توسط کاربر صحیح باشد.
فرم یا به کاربر هشدار می‌دهد که اشتباه کرده است و برای ادامه باید مشکلی را اصلاح کند، یا فرم اعتبارسنجی می‌شود و کاربر می‌تواند به روند ثبت‌نام خود ادامه دهد.
مطمئنم که لازم نیست به شما بگویم که این کلاس چقدر مهم است.
بنابراین، بیایید شروع کنیم
--- اگر تعجب می کنید، کل این مجموعه در مورد فرم های وب است.
فرم‌های وب
فرم وب به عنوان فرم HTML نیز شناخته می شود. این مکانی است که کاربران می توانند داده هایی را وارد کنند که سپس برای پردازش به سرور ارسال می شود. فرم‌های وب به کاربران اجازه می‌دهند در سایت شما سفارش دهند، نام و آدرس ایمیل خود را برای ثبت‌نام در خبرنامه ارائه دهند، یا به عنوان عضوی در سایت شما ثبت نام کنند و غیره.
چیزی که در مورد فرم‌های وب واقعاً عالی است این است که "یک اندازه برای همه" وجود ندارد. می توانید از شعله ور شدن هنری و هوش تجاری شخصی خود برای ایجاد فرم های وب با طول، قالب، نوع محتوا و ظاهر خاص استفاده کنید.
با انجام این دوره، می‌توانید قابلیت استفاده از فرم وب خود را بهبود ببخشید، که در نهایت تجربه کاربری را بهبود می‌بخشد و بازدیدکنندگان وب‌سایت را در مورد تکمیل فرم و تبدیل شما هیجان زده می‌کند.
چرا این دوره بسیار مهم است؟
فرم‌های موجود فرصتی برای یک شرکت برای رشد و جلب وفاداری است.
فرم اغلب می تواند هم ابزار بازاریابی و هم یک ضرورت باشد. فرمی که کاربر را راحت می کند، که احساس اعتماد را برمی انگیزد، بسیار بیشتر از فرمی که پیچیده و گیج کننده به نظر می رسد (یا است) پر می شود.
پس از تکمیل این مجموعه Skillshare، شما آگاه، مطمئن و فرد مورد علاقه برای فرم‌ها خواهید بود.
اجازه دهید مهارت های فرم سازی خود را با شما به اشتراک بگذارم
درک نحوه کار فرم ها شما را برای تبدیل شدن به یک برنامه نویس جلویی عالی مجهز می کند. یاد بگیرید که چگونه ایده های خلاقانه، متفاوت و پویا خود را در وب سایت خود پیاده سازی کنید. استاد شکل می گیرد و شما نیمی از راه را برای تبدیل شدن به یک توسعه دهنده وب تمام پشته دارید. از طریق درک کنترل را در دست بگیرید. ارائه یک فرم کامل، تعاملی و کاربردی چالش برانگیز است. در این مجموعه، من به توضیح فرم‌های وب و نحوه عملکرد آنها می‌پردازم. چرا باید فرم خود را درون تگ های
درس ها Lessons
-
روش setCustomValidity - مثال setCustomValidity method - example
-
معرفی کلاس - اعتبار سنجی فرم Class Introduction - Form Validation
-
دو نوع اعتبار سنجی سمت مشتری Two types of client side validation
-
اعتبار سنجی ساخته شده است Built in validation
-
ویژگی الگو The pattern attribute
-
کلاس Outro Class Outro
-
مقدمه چالش - setCustomValidity Challenge intro - setCustomValidity
-
راه حل چالش - setCustomValidity Challenge solution - setCustomValidity
-
اعتبار سنجی جاوا اسکریپت JavaScript validation
-
اعتبار سنجی جاوا اسکریپت - اشیاء JavaScript validation - objects
-
مثال سریع - کلاس های شبه معتبر، نامعتبر و مورد نیاز Quick example - valid, invalid and required pseudo classes
درس ها Lessons
-
ویژگی الگو The pattern attribute
-
اعتبار سنجی ساخته شده است Built in validation
-
اعتبار سنجی جاوا اسکریپت - اشیاء JavaScript validation - objects
-
راه حل چالش - setCustomValidity Challenge solution - setCustomValidity
-
معرفی کلاس - اعتبار سنجی فرم Class Introduction - Form Validation
-
مثال سریع - کلاس های شبه معتبر، نامعتبر و مورد نیاز Quick example - valid, invalid and required pseudo classes
-
مقدمه چالش - setCustomValidity Challenge intro - setCustomValidity
-
کلاس Outro Class Outro
-
روش setCustomValidity - مثال setCustomValidity method - example
-
دو نوع اعتبار سنجی سمت مشتری Two types of client side validation
-
اعتبار سنجی جاوا اسکریپت JavaScript validation
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/c76fe5
CM Code_Zone
نادرست | خنده دار است، زیرا حقیقت دارد
موفقیت قربانی می خواهد.
و فداکاری چیزی است که من در مورد آن بسیار می دانم.
من یک توسعه دهنده خودآموخته هستم، بنابراین می دانم که برای یک تازه وارد چقدر می تواند دشوار و دلهره آور باشد.
امروز، من همچنان به کدنویسی ادامه می‌دهم و از آخرین فناوری‌ها و زبان‌های برنامه‌نویسی مطلع می‌مانم.
وقت آن است که دانشی را که به دست آورده‌ام به اشتراک بگذارم و به موفقیت دیگران کمک کنم.
نمایش نظرات