فرم جاوااسکریپت
دسته بندی : آموزش Javascript سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 19 اسفند 1399فرم جاوااسکریپت یک ویژگی مفید در رابطه با امنیت و تعامل با کاربر است. به شما امکان می دهد ورودی کاربر را جمع آوری کنید. حتی اگر خود فرم در HTML ایجاد شده باشد ، برای تأیید اعتبار داده های وارد شده می توانید از JavaScript استفاده کنید.
در این آموزش ، شما همه چیز را در مورد استفاده از ویژگی های HTML و انتخاب کنندگان شبه برای تأیید اعتبار داده های ورودی کاربر یاد خواهید گرفت. اگر بعداً می خواهید الزامات اعتبار سنجی را افزایش دهید ، برای گزینه های بیشتر ، آموزش اعتبار سنجی JavaScript را بررسی کنید یا بیاموزید چگونه الگوهای اعتبار سنجی خود را ایجاد کنید.
نکات اصلی فرم جاوااسکریپت:
- فرم ها به ارسال اطلاعات ورودی کاربر کمک می کنند.
- عملکرد اصلی فرم اعتبار سنجی داده است.
- اعتبار سنجی فرم HTML را می توان با استفاده از JavaScript انجام داد.
- اعتبار سنجی فرم HTML در اینترنت اکسپلورر 9 یا قبل از آن کار نمی کند.
- با استفاده از یک atrribute به نام form action رمزگذار جاوا اسکریپت می تواند تعیین کند که داده ها از یک فرم ارسال شده کجا ارسال شوند.
اعتبار سنجی فرم HTML
اعتبارسنجی فرم HTML توسط مرورگر قابل انجام است. اگر ویژگی مورد نیاز تنظیم شده باشد و عنصر خالی باشد ، فرم JavaScript ارسال نمی شود.
این مثال یکی از توابع اعتبارسنجی را نمایش می دهد. نام فیلد ورودی را مورد نیاز قرار می دهد:
<form action="/action.php" method="post">
<input type="text" name="firstName" required>
<input type="submit" value="Submit">
</form>
اعتبار سنجی داده ها
اعتبار سنجی داده ها به معنای بررسی صحیح و تمیز بودن داده های ورودی است. مراحل آن شامل بررسی پر بودن تمام قسمتهای مورد نیاز ، اطمینان از وارد کردن اطلاعات معتبر توسط کاربر و بررسی اینکه آیا فیلد عددی فقط اعداد را شامل می شود ، می باشد. هدف از تأیید اعتبار این است که مطمئن شوید برنامه بعد از اینکه JavaScript از داده های فرم استفاده می کند ، اطلاعات صحیح را بدست می آورد.
سه روش مختلف برای اعتبارسنجی داده ها قبل از ارسال فرم جاوا اسکریپت وجود دارد:
- اعتبار سنجی سمت مشتری قبل از ارسال داده ها به سرور ، در مرورگر وب رخ می دهد.
- اعتبارسنجی سمت سرور پس از دریافت داده های ارسالی ، روی سرور اتفاق می افتد.
- اعتبار سنجی مفهوم اعتبار سنجی جدیدی است که بر اساس CSS Pseudo Selectors، صفحات ورودی HTML ، روش ها و خصوصیات DOM ساخته شده است.
اعتبار سنجی فرم جاوااسکریپت
هنگامی که تأیید فرم باعث سردرد کافی شد ، اعتبار محدودیت جاوا اسکریپت به عنوان یک راه حل ارائه شد. اساساً ، این یک ابزار اعتبار سنجی بومی است. با استفاده از ویژگی ها و انتخابگرهای خاص ، مرورگر یک الگوریتم برای اجرای کار اجرا می کند.
اگرچه استفاده از آن آسان است ، اما شما باید با ویژگی ها و انتخاب کننده های گفته شده آشنا باشید تا بفهمید که هر یک از آنها چه چیزی را نشان می دهد و چه کاری انجام می دهد. جداول زیر را ببینید و آنها را بخاطر بسپارید تا کار شما بیشتر قابل کنترل باشد.
ویژگی ورودی HTML
Description | Attribute |
عنصر غیرفعال را تعریف می کند | disabled |
حداکثر طول مقدار عنصر را تعریف می کند | max |
حداقل طول عنصر را تعریف می کند | min |
الگوی یک مقدار را برای یک عنصر تعریف می کند | pattern |
یک عنصر مورد نیاز را تعریف می کند | required |
نوع عنصر را تعریف می کند | type |
انتخاب کنندگان شبه
Description | Selector |
همه عناصر دارای ویژگی غیرفعال را انتخاب می کند | disabled: |
همه عناصر دارای مقادیر نامعتبر را انتخاب می کند | invalid: |
همه عناصر بدون ویژگی مورد نیاز را انتخاب می کند | optional: |
همه عناصر با ویژگی مورد نیاز را انتخاب می کند | required: |
همه عناصر با مقادیر معتبر را انتخاب می کند | valid: |
خلاصه فرم جاوااسکریپت:
- فرم جاوااسکریپت امکان ارسال داده های وارد شده به کاربر را فراهم می کند.
- با اجرای اقدام فرم ، توسعه دهنده جاوا اسکریپت می تواند داده ها را از یک فرم ارسال کننده خاص انتخاب کند.
- شما می توانید داده ها را قبل از اینکه JavaScript برای دریافت داده های فرم استفاده کنید ، اعتبار سنجی کنید.
- قبل از ارسال فرم جاوا اسکریپت می توانید از regex برای اعتبار سنجی نیز استفاده کنید.
این مقاله چقدر براتون مفید بود؟