Constrângere validare DOM Metode
Proprietate | Descriere |
---|---|
checkValidity() | Returnează true dacă un element de intrare conține date valide. |
setCustomValidity() | Setează proprietatea validationMessage a unui element de intrare. |
Dacă un câmp de intrare conține date incorecte, afișa un mesaj:
checkValidity() Metoda
<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>
Încearcă - l singur » Constrângeri de validare DOM Proprietăți
Proprietate | Descriere |
---|---|
validity | Conține proprietăți boolean legate de valabilitatea unui element de intrare. |
validationMessage | Conține mesajul un browser se va afișa atunci când valabilitatea este falsă. |
willValidate | Indică dacă un element de intrare va fi validat. |
Proprietăți valabilitate
Proprietatea de valabilitate a unui element de intrare conține un număr de proprietăți legate de validitatea datelor:
Proprietate | Descriere |
---|---|
customError | Setați la true, în cazul în care un mesaj de valabilitate personalizată este setată. |
patternMismatch | Setați la true, în cazul în care valoarea unui element nu se potrivește cu atributul său model. |
rangeOverflow | Setați la true, în cazul în care valoarea unui element este mai mare decât atributul său max. |
rangeUnderflow | Setați la true, în cazul în care valoarea unui element este mai mică decât atributul min. |
stepMismatch | Setați la true, în cazul în care valoarea unui element este nevalid pe atributul său pas. |
tooLong | Setați la true, în cazul în care valoarea unui element depășește atributul MAXLENGTH. |
typeMismatch | Setați la true, în cazul în care valoarea unui element este valid pentru fiecare tip de atributul său. |
valueMissing | Setați la true, în cazul în care un element (with a required attribute) nu are nici o valoare. |
valid | Setați la true, în cazul în care valoarea unui element este valid. |
Exemple
În cazul în care numărul într-un câmp de intrare este mai mare de 100 (atribut maxim de intrare a), afișa un mesaj:
RangeOverflow Proprietatea
<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>
Încearcă - l singur » Dacă numărul într - un câmp de intrare este mai mică de 100 (the input's min attribute) , afișa un mesaj:
RangeUnderflow Proprietatea
<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>
Încearcă - l singur »