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

اعتبار سنجی فرم HTML را می توان با جاوا اسکریپت انجام داد.

اگر یک فیلد فرم (نام فامیل) خالی باشد، این تابع یک پیام را هشدار میدهد و false را بر میگرداند تا مانع ارسال فرم شود:

هنگامی که فرم ارسال می شود، تابع می تواند نامیده شود:

 <form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> 

جاوا اسکریپت می تواند ورودی عددی را تایید کند

جاوا اسکریپت اغلب برای تایید ورودی عددی استفاده می شود:

function myFunction() {
    var x, text;

    // Get the value of the input field with id="numb"
    x = document.getElementById("numb").value;

    // If x is Not a Number or less than one or greater than 10
    if (isNaN(x) || x < 1 || x > 10) {
        text = "Input not valid";
    } else {
        text = "Input OK";
    }
    document.getElementById("demo").innerHTML = text;
}

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

اعتبار سنجی فرم HTML را می توان به طور خودکار توسط مرورگر انجام می شود:

اگر فیلد فرم (نام خانوادگی) خالی باشد، ویژگی مورد نظر مانع از ارسال این فرم می شود:

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

نکته: اعتبار سنجی فرم خودکار HTML در Internet Explorer 9 یا قبل از آن کار نمی کند.

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

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

وظایف تایید معمولی عبارتند از:

• آیا کاربر تمام فیلدهای مورد نیاز را پر کرده است؟
• آیا کاربر وارد یک تاریخ معتبر شده است؟
• آیا کاربر متن را در فیلد عددی وارد کرده است؟

اغلب اهداف اعتبار سنجی داده ها برای اطمینان از صحت ورودی کاربر است.

اعتبار سنجی می تواند توسط بسیاری از روش های مختلف تعریف شده و به روش های مختلفی اعمال شود.

تأیید صحت سرور توسط یک وب سرور انجام می شود، پس از ورودی به سرور ارسال می شود.

اعتبار سنجی سمت مشتری توسط یک مرورگر وب انجام می شود، قبل از ورود به یک وب سرور.

اعتبار محدودیت HTML

HTML5 یک مفهوم اعتبار سنجی HTML جدید به نام اعتبار سنجی محدودیت را معرفی کرده است.

اعتبار سنجی محدودیت HTML بر اساس:

• اعتبار محدودیت ویژگی های ورودی HTML
• اعتبار محدودیت CSS
• اعتبار سنجی محدودیت خواص و روش های DOM

محدودیت اعتبار ویژگی ورودی HTML

برای مشاهده لیست کامل، به ویژگی های ورودی HTML بروید.

اعتبار سنجی انتخابگر CSS

برای مشاهده لیست کامل، به کلاسهایPseudo  در  CSSبروید.