انتقل إلى محتوى الدرس
فقرة فرعية #4 من درس: Web Forms API

Examples

في هذا الدرس سوف نتعرف علي طريق التعامل مع API Forms وكيفية التحقق من البيانات الموجودة بداخلها 

1 صفوف تعليمية
جافا سكريبت
2,728 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

rangeOverflow

استخدمنا الخاصية في التحقق من ان القيمة المدخلة اكبر من ال 100 او لا

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

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

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

rangeUnderflow

استخدمنا الخاصية في التحقق من ان القيمة المدخلة اقل من ال 100 او لا

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

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

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