Ultimele tutoriale de dezvoltare web
 

JavaScript API-ul de validare


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 »