القيد التحقق من صحة طرق DOM
| الملكية | وصف |
|---|---|
| checkValidity() | يعود صحيحا إذا عنصر الإدخال على بيانات صالحة. |
| setCustomValidity() | بتعيين الخاصية validationMessage عنصر الإدخال. |
إذا كان حقل الإدخال يحتوي على بيانات غير صالحة، عرض الرسالة:
وcheckValidity () طريقة
<input id="id1" type="number" min="100" max="300">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var inpObj =
document.getElementById("id1");
if (inpObj.checkValidity()
== false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
</script> انها محاولة لنفسك » القيد خصائص DOM التحقق من صحة
| الملكية | وصف |
|---|---|
| validity | يحتوي على الخصائص المنطقية المتعلقة بصحة عنصر الإدخال. |
| validationMessage | يحتوي على الرسالة سيتم عرض المتصفح عندما صلاحية خاطئة. |
| willValidate | يشير إلى ما إذا سيتم التحقق من صحة عنصر الإدخال. |
خصائص صحة
تحتوي الخاصية صلاحية عنصر إدخال عدد من الخصائص المتعلقة بصحة البيانات:
| الملكية | وصف |
|---|---|
| customError | تعيين إلى true، إذا تم تعيين رسالة صلاحية العرف. |
| patternMismatch | تعيين إلى true، إذا لم تطابق قيمة عنصر وسمة نمطها. |
| rangeOverflow | تعيين إلى true، إذا قيمة عنصر هي أكبر من السمة الحد الأقصى لها. |
| rangeUnderflow | تعيين إلى true، إذا قيمة عنصر في أقل من دقيقة سمة لها. |
| stepMismatch | تعيين إلى true، إذا قيمة للعناصر غير صالحة في السمة خطوتها. |
| tooLong | تعيين إلى true، إذا تجاوزت قيمة عنصر في السمة MAXLENGTH لها. |
| typeMismatch | تعيين إلى true، إذا قيمة للعناصر غير صالحة في سمة نوعه. |
| valueMissing | تعيين إلى true، إذا كان العنصر (مع سمة مطلوب) ليس له قيمة. |
| valid | تعيين إلى true، إذا قيمة عنصر غير صالحة. |
أمثلة
إذا كان الرقم في حقل الإدخال أكبر من 100 (المدخلات ماكس سمة)، عرض الرسالة:
وrangeOverflow الملكية
<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var txt = "";
if (document.getElementById("id1").validity.rangeOverflow) {
txt = "Value too large";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
انها محاولة لنفسك » إذا كان الرقم في حقل الإدخال أقل من 100 (المدخلات والسمة دقيقة)، عرض الرسالة:
وrangeUnderflow الملكية
<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var txt = "";
if (document.getElementById("id1").validity.rangeUnderflow) {
txt = "Value too small";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
انها محاولة لنفسك »