‎‎اعتبارسنجي فرم باجاوااسكريپتJavaScript Form Validation -‎

‎‎اعتبار سنجي فرمJavaScript Form Validation -‎

‎‎اعتبار سنجي فرمHTML ميتواند با جاوااسكريپت انجام گيرد .

‎در نمونه زير اگر فيلدfname خالي باشد، تابع پيام هشداري ميدهد ونتيجهfalse رابرگشت ميدهد، و ‎ازارسال فرم جلوگيري ميكند.

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if  (x == "") {
    alert("Name must be filled out");
    return false;
  }
}

‎‎تابع فوق ميتواند هنگامsubmited فرم ميتواند فراخوان شود.

‎‎مثال ـ فرمHTML

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

‎‎اعتبارسنجي وردي ها عدديJavaScript Can Validate Numeric input -‎

‎‎جاوااسكريپت اغلب براي اعتبار سنجي وروديهاي عددي مورد استفاده قرار ميگيرد.

‎‎اعتبارسنجي خودكار فرمAutomatic HTML Form Validation -‎

‎‎اعتبارسنجي فرمHTML را ميتوان به صورت خودكار توسط مرورگر انجام داد.

‎اگر يك فيلد فرمي مثلfname خالي باشد، ويژگي ‎required‎ ازارسال اين فرم ‎جلوگيري مي نمايد.

‎‎مثال ـ فرمHTML با ويژگي ‎required‎ براي فيلد ورودي

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

‎‎اعتبارسنجي داده هاData Validation -‎

‎اعتبارسنجي داده ها فرآيندي است كه براي كاربر نسبت به پاكي، صحت ومفيد بودنش اطمينان ايجاد ‎ميكند.

‎‎كارهاي اعتبار سنجي معمولي عبارتنداز:

‎
• ‎‎كنترل پركردن فيلدهاي ضروري
• ‎‎كنترل اعتبار فيلدهاي تاريخ
• ‎‎كنترل فيلد عددي براي عدد بودن آن
‎

‎‎اغلب، هدف از اعتبارسنجي داده ها اطمينان از ورودي صحيح كاربراست.

‎‎اعتبارسنجي را ميتوان باروشهاي مختلف تعريف وبه روشهاي متفاوت بكار گرفت:

‎
• ‎‎سمت سرور ـ اعتبار سنجي سمت سرور توسط يك وب سرور، پس از ارسال ورودي به سرور انجام ميشود.
• ‎‎سمت كلاينت ـ اعتبار سنجي توسط مرورگر وب ، قبل از ارسال ورودي بسمت وب سرور انجام ميشود.
‎

‎‎اعتبارسنجي محدويتي اچ تي ام الHTML Constraint Validation -‎

‎درHTML 5 يك نوع اعتبار سنجي جديد بنام اعتبار سنجي محدويتي معرفي گرديد .اين اعتبار سنجي ‎براساس موارد زيراست:

‎
• ‎‎ويژگي هاي وروديHTML
• ‎‎شبه انتخابگرهاي‎( CSS pseudo Selectors) ‎ CSS
• ‎‎ويژگي ومتدهايDOM
‎

‎‎اعتبار سنجي ويژگي هاي وروديHTML

‎‎اين اعتبارسنجي باتنظيم ويژگي عناصر وروديHTML مطابق جدول رير است :

‎براي ليست كامل ويژگي هاي عناصر وروديHTML به بخش HTML Input Attributes ‎مراجعه كنيد.

‎‎اعتبار سنجي محدويتي شبه انتخابگرهايCSS

‎‎شبه انتخابگري هاي‎(CSS Pseudo Selectos)‎ CSS مطابق جدول زيرند :

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب