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

‎Constraint Validation DOM Methods‎

‎‎متدهاي دام براي اعتبارسنجي محدوديت ها

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

‎‎مثال ـ اگر فيلد ورودي داراي داده غيرقابل قبول باشد، پيغامي نمايش ميدهد.

<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK

<p id="demo"></p>

<script>
function myFunction() {
  const inpObj = document.getElementById("id1");
  if  (!inpObj.checkValidity()) {
    document.getElementById("demo").innerHTML = inpObj.validationMessage;
  }
}
</script >

‎Constraint Validtion DOM Properties‎

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

‎‎جدول ويژگي هاي دام در اعتبارسنجي محدويت مطابق زيراست:

‎‎ويژگي هاي اعتبارValidity Properties -‎

‎‎جدول ويژگي هاي اعتبار مطابق زيراست:

‎‎مثال هاي نمونه از بعضي موارد فوق در زيرآمده است:

‎مثال ـ اگر مقدار فيلد ورودي بيشتر از‎100‎ باشد، پيغام داده ميشود .ويژگي ‎max‎‎فيلد برابر ‎100‎ تنظيم شده است .

<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK

<p id="demo"></p>

<script>
function myFunction() {
  let text = "Value OK";
  if  (document.getElementById("id1").validity.rangeOverflow) {
    text = "Value too large";
  }
}
</script >

‎‎در مثال فوق براي كنترل ازويژگيrangeOverflow استفاده شده است .

‎‎مثال ـ ويژگيrangeUnderflow براي اعتبار سنجي ويژگي‎min‎ عنصر ورودي

<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK

<p id="demo"></p>

<script>
function myFunction() {
  let text = "Value OK";
  if  (document.getElementById("id1").validity.rangeUnderflow) {
    text = "Value too small";
  }
}
</script >

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 فهرست مطالب