یک فرم ثبتنام ساده با فیلدهای نام کامل، ایمیل، گذرواژه و شماره تلفن بسازید و با جاوااسکریپت بررسی کنید که ایمیل قالب صحیح داشته باشد، گذرواژه حداقل 8 کاراکتر باشد و شماره تلفن تنها شامل 10 رقم باشد و در صورت وجود خطا از ارسال فرم جلوگیری و پیام خطا زیر هر فیلد نمایش داده شود.
5.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:19 0.0
برای حل این مسئله از HTML برای ساخت فرم و جاوااسکریپت برای اعتبارسنجی استفاده کنید: با addEventListener روی رویداد submit فرم گوش داده و با preventDefault() از ارسال در صورت خطا جلوگیری کنید، مقدار فیلدها را با trim() خوانده و برای ایمیل و شماره از الگوی منظم (regex) بهره ببرید و برای گذرواژه طول را بررسی کنید؛ پیامهای خطا را با دستکاری DOM (مثلاً textContent و classList) زیر هر ورودی نمایش دهید و برای تجربه بهتر اعتبارسنجی زنده از رویداد input هر فیلد استفاده کرده و دکمه ارسال را بر اساس وضعیت اعتبار فعال/غیرفعال کنید.
توسط پژوهشگر در 201 روز قبل ساعت 03:19 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
این پیادهسازی خوب است، اما پیشنهاد میشود ایمیل را با یک الگوی معتبر و ساده مثل یک regex قابل فهم اعتبارسنجی کنید و پیام خطای واضح بدهید. با رویداد input اعتبارسنجی زنده را فعال کنید و دکمه ارسال را بر اساس وضعیت اعتبار فعال/غیرفعال کنید تا تجربه کاربری بهتری داشته باشید. برای دسترسپذیری، پیامهای خطا را با aria-describedby به فیلدها پیوست کنید و از کلاسهای مناسب برای نمایش خطا استفاده کنید. شماره تلفن را با هدف ده رقمی فقط از عددها تبعیت دهید (مثلاً استفاده از /^\d{10}$/) و با trim() خواندن مقادیر، فضای خالی قبل و بعد را حذف کنید.
گزارش