ایجاد شده در ۰۵ آبان ۱۴۰۴
✅ سوم: اعتبارسنجی فرم‌ها سمت Client - بخش اول
موضوعات اصلی این جلسه:
• مفهوم اعتبارسنجی سمت کاربر چیست
• چرا باید قبل از ارسال داده‌ها به سرور آنها را بررسی کنیم
• انواع خطاهایی که باید کنترل شوند
• آشنایی با اعتبارسنجی HTML5
• ویژگی‌های مهم برای اعتبارسنجی در فرم‌ها
📌 اعتبارسنجی سمت کاربر (Client-side Validation)
• بررسی ورودی‌ها قبل از ارسال به سرور
• باعث بهبود تجربه کاربر می‌شود
• از ارسال داده‌های اشتباه، ناقص و غیرمجاز جلوگیری می‌کند
• سریع‌تر از اعتبارسنجی سمت سرور است چون نیاز به ارسال درخواست ندارد
• ولی امنیت کامل را تضمین نمی‌کند و باید همراه اعتبارسنجی سمت server باشد
⭐ انواع خطاهایی که معمولا بررسی می‌کنیم:
| نوع خطا | مثال |
|---|---|
| مقدار خالی | نام و ایمیل خالی |
| نوع داده اشتباه | حروف داخل فیلد عددی |
| طول نامعتبر | کمتر از ۶ کاراکتر برای رمز |
| فرمت نامعتبر | ایمیل بدون @ |
| مقادیر خارج از محدوده | سن بیشتر از ۱۲۰ |
🧩 ابزارهای HTML5 برای اعتبارسنجی
در فرم‌ها، تگ‌ها ویژگی‌هایی دارند که کمک می‌کنند ورودی‌ها را بدون نیاز به JS چک کنیم:
| ویژگی | توضیح |
|---|---|
| required | خالی نباشد |
| type="email" / number / ... | نوع ورودی چک می‌شود |
| min / max | حداقل و حداکثر مقدار |
| minlength / maxlength | حداقل و حداکثر طول متن |
| pattern | بررسی با Regex |
| step | فاصله بین اعداد |
نمونه ساده:
<input type="email" required minlength="5" />
⚠️ نکته مهم امنیتی
اعتبارسنجی سمت کاربر قابل دور زدن است.
پس حتما علاوه بر client، سمت سرور نیز باید اعتبارسنجی انجام شود.