Kısıtlama Doğrulama DOM Yöntemleri
| özellik | Açıklama |
|---|---|
| checkValidity() | Bir giriş öğesi geçerli verileri içeren true döndürür. |
| setCustomValidity() | Bir giriş elemanının ValidationMessage özelliğini ayarlar. |
Bir giriş alanı geçersiz veri içeriyorsa, bir mesaj görüntüleyebilir:
checkValidity() Yöntem
<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> Kendin dene " Kısıtlama Doğrulama DOM Özellikleri
| özellik | Açıklama |
|---|---|
| validity | Bir giriş elemanının geçerliliğine ilişkin boolean özelliklerini içerir. |
| validationMessage | geçerliliği yanlış olduğunda tarayıcı gösterecektir mesajı içerir. |
| willValidate | Bir giriş elemanı doğrulanır olmadığını gösterir. |
Geçerlilik Özellikleri
Bir giriş elemanı geçerliliği özellik verilerinin geçerliliğini ilişkin özelliklerin bir dizi içerir:
| özellik | Açıklama |
|---|---|
| customError | Özel bir geçerlilik mesajı ayarlanırsa, true değerine ayarlayın. |
| patternMismatch | Bir elemanın değeri desen özelliğini aynı değilse, true değerine ayarlayın. |
| rangeOverflow | Bir elemanın değeri maksimum özniteliği büyükse, true değerine ayarlayın. |
| rangeUnderflow | Bir elemanın değeri dk özniteliği küçükse true olarak ayarlayın. |
| stepMismatch | Bir elemanın değeri adım Özellik başına geçersizse, true değerine ayarlayın. |
| tooLong | Bir elemanın değeri maxLength niteliğini aşarsa, true değerine ayarlayın. |
| typeMismatch | Bir elemanın değeri türü özellik başına geçersizse, true değerine ayarlayın. |
| valueMissing | Bir eleman varsa, true değerine ayarlayın (with a required attribute) değeri yoktur. |
| valid | Bir elemanın değeri geçerli olup olmadığını, true değerine ayarlayın. |
Örnekler
Bir giriş alanındaki sayı 100 (girişin maksimum özellik) büyükse, bir mesaj görüntüleyebilir:
rangeOverflow Mülkiyet
<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>
Kendin dene " Bir giriş alanındaki sayı 100'den az ise (the input's min attribute) , bir mesaj gösterir:
rangeUnderflow Mülkiyet
<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>
Kendin dene "