ورود به کارتابل مشتریان وب مهراز
API اعتبارسنجی در JavaScript
یادگیری JavaScript
تعداد بازدید :
1488
تاریخ و ساعت انتشار :
سه شنبه 2 مرداد 1397 08:45
محدودیت اعتبار سنجی روش DOM
خصوصیات
شرح
()checkValidity
اگر عنصر ورودی حاوی اطلاعات معتبر باشد، true می شود.
()setCustomValidity
خصوصیات validationMessage یک عنصر ورودی را تنظیم می کند.
اگر یک فیلد ورودی شامل داده های نامعتبر است، یک پیام را نمایش می دهد:
checkValidity
<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var inpObj = document.getElementById("id1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
</script> خصوصیات محدودیت اعتبار سنجی DOM
خصوصیات
شرح
validity
شامل خواص بولی مربوط به اعتبار یک عنصر ورودی است.
validationMessage
حاوی پیامی است که مرورگر هنگام نمایش اعتبار نادرست نمایش داده می شود.
willValidate
نشان می دهد که آیا عنصر ورودی اعتبار خواهد یافت.
خصوصیات اعتبار
ویژگی اعتبار یک عنصر ورودی دارای تعدادی خواص مربوط به اعتبار داده است:
خصوصیات
شرح
customError
اگر پیغام اعتبار سفارشی تنظیم شده باشد، true تنظیم می شود.
patternMismatch
اگر مقدار عنصر با ویژگی الگوی آن سازگار نباشد، به true تنظیم می شود.
rangeOverflow
اگر ارزش یک عنصر بیشتر از ویژگی حداکثر آن باشد، به true تعریف می شود.
rangeUnderflow
اگر مقدار عنصری کمتر از ویژگی min باشد، به درستی تنظیم می شود.
stepMismatch
اگر مقدار عنصر در مورد ویژگی گام آن نادرست باشد، به true تنظیم می شود.
tooLong
اگر مقدار عنصری بیش از ویژگی maxLength خود باشد، به true تنظیم کنید.
typeMismatch
اگر مقدار عنصر در مورد ویژگی نوع آن نامعتبر است، به true تنظیم کنید.
valueMissing
اگر یک عنصر (با یک ویژگی مورد نظر) ارزش ندارد، به true تنظیم شود.
valid
اگر مقدار عنصری معتبر باشد، به true تنظیم کنید.
مثال
اگر شماره در یک فیلد ورودی بیشتر از 100 باشد (ویژگی حداکثر ورودی)، یک پیام را نمایش می دهد:
مثال محدوده
<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 باشد (ویژگی حداقل ورودی)، یک پیام را نمایش می دهد:
مثال محدوده
<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>
نظر شما
>