یک فرم ثبتنام HTML بسازید که با JavaScript بررسی کند نام نباید خالی باشد، ایمیل فرمت صحیح داشته باشد و رمز عبور حداقل 8 کاراکتر باشد و پیامهای خطا زیر هر فیلد نمایش داده شوند.
12.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 00:09 0.0
برای حل این مسئله از HTML برای ساخت فرم و از JavaScript برای ولیدیشن استفاده کنید: به فیلدها listener روی رویداد submit اضافه کنید و با event.preventDefault() از ارسال پیشفرض جلوگیری کنید، سپس مقدار فیلدها را با trim() بررسی کنید؛ برای ایمیل از یک الگوی ساده regex استفاده کنید و برای رمز عبور طول را بسنجید. خطاها را با قرار دادن متن زیر هر input (مثلاً در یک عنصر span) یا با اضافه/حذف کلاسهای CSS نمایش دهید. نکات: میتوانید بررسی لحظهای با رویداد input اضافه کنید، از innerText برای نمایش پیام و از focus() برای هدایت کاربر به اولین فیلد خطا استفاده کنید.
توسط پژوهشگر در 198 روز قبل ساعت 00:09 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
اضافه کردن ولیدیشن همزمان با رویداد input تجربه کاربری را بهتر میکند و وقتی خطاها را زیر هر فیلد نمایش میدهید، از aria-live="polite" برای اطلاعرسانی خوانا به صفحهخوانها استفاده کنید. از HTML5 مثل required و type="email" بهعنوان لایهی اول استفاده کنید ولی همیشه در submit با event.preventDefault() و trim() مقادیر را مجدداً بررسی کنید چون مرورگرها رفتارهای متفاوتی دارند. برای ایمیل از یک regex ساده استفاده کنید (نه خیلی پیچیده) و برای رمز عبور فقط طول را بسنجید و پیام واضح نشان دهید. پس از پیدا کردن خطاها focus() را روی اولین فیلد مشکلدار بگذارید و با حذف خطاها هنگام تایپ، پیامها را پاک کنید.
گزارش