آموزش اعتبار سنجی فرم های جاوا اسکریپت

اعتبار سنجی فرم های جاوا اسکریپت

(داده های ورودی) فرم های HTML را می توان با استفاده از جاوا اسکریپت اعتبار سنجی (validate) کرد.
چنانچه یکی از فیلدهای فرم تهی بود، تابع validateForm() پیغام "First name must be filled out" را نشان داده، در پی آن مقدار false را برمی گرداند و بدین ترتیب از ارسال فرم مورد نظر جلوگیری می کند:

مثال (جاوا اسکریپت):

<script>
                        function validateForm() {
                            var x = document.forms["myForm"]["fname"].value;
                            if (x == null || x == "") {
                                alert("Name must be filled out");
                                return false;
                            }
                        }
    </script>

تابع مزبور را می توان به هنگام ارسال فرم صدا زد:

مثال (فرم HTML):

1

اعتبار سنجی فرم های HTML

مرورگر می تواند فرم های HTML را به صورت خودکار اعتبار سنجی کند:
در صورتی که یکی از فیلدهای فرم (fname) خالی باشد، خصیصه ی (attribute) required مانع از ارسال فرم به سرور می شود:

مثالی از فرم HTML:

<form action="demo_form.asp" method="post">
                    <input type="text" name="fname" required>
                    <input type="submit" value="Submit">
</form>

اعتبار سنجی داده ها

Data validation فرایندی است که طی آن ورودی های کامپیوتر از نظر سالم، صحیح، مفید و کارامد بودن بررسی و اعتبار سنجی می شوند.

مواردی که اعتبار سنجی می شوند، عبارتند از:

آیا کاربر تمامی فیلدهای الزامی را پر کرده است؟
آیا کاربر تاریخ معتبر را وارد کرده است؟
آیا کاربر در یک فیلد عددی، فقط کاراکترهای عددی را وارد کرده است؟
آیا کاربر آدرس ایمیل را با فرمت صحیح وارد کرده است؟
اغلب هدف از اعتبار سنجی داده ها کسب اطمینان از وارد شدن اطلاعات و داده های صحیح به برنامه ی کامپیوتری است.
اعتبار سنجی می تواند توسط متدهای مختلف تعریف شده و به گونه های مختلف نصب و آماده ی اجرا شود.
server side validation (اعتبار سنجی سمت سرور): پس از اینکه ورودی به سرور فرستاده می شود، ورودی ها توسط رایانه ای که برنامه ی تحت وب روی آن نصب است ((web server اعتبار سنجی می گردند.
Client side validation (اعتبار سنجی سمت سرویس گیرنده): پیش از اینکه ورودی به web server ارسال گردد، توسط مرورگر وب انجام می شود (ورودی ها پیش از ارسال به web server توسط مرورگر اعتبار سنجی می گردد).
قابلیت نوین Constraint validation (اعتبار سنجی محدودیت ها) در HTML5
HTML5 یک مفهوم جدید در زمینه ی اعتبار سنجی ارائه کرد به نام constraint validation.
Constraint validation مبتنی است بر:
Constraint validation HTML Input Attributes (اعتبار سنجی محدودیت خاصیت های input، html)
Constraint validation CSS Pseudo Selectors (اعتبار سنجی محدودیت انتخاب گرهای CSS Pseudo)
Constraint validation DOM Properties and Methods (اعتبار سنجی محدودیت خواص و متدهای DOM)
اعتبار سنجی محدودیت خاصیت های input، HTML

اعتبار سنجی محدودیت انتخاب گرهای CSS Pseudo

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.