Returnerar sant om ett inmatningselement innehåller giltiga data.
Ställer in egenskapen validationMessage för ett indataelement.
Om ett inmatningsfält innehåller ogiltiga data, visa ett meddelande:
<input id="id1" type="number" min="100" max="300"
required>
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
const inpObj = document.getElementById("id1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
</script>
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Validation</h2>
<p>Enter a number and click OK:</p>
<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK</button>
<p>If the number is less than 100 or greater than 300, an error message will be displayed.</p>
<p id="demo"></p>
<script>
function myFunction() {
const inpObj = document.getElementById("id1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
} else {
document.getElementById("demo").innerHTML = "Input OK";
}
}
</script>
</body>
</html>
Innehåller booleska egenskaper relaterade till ett indataelements giltighet.
Innehåller meddelandet som en webbläsare kommer att visa när giltigheten är falsk.
Indikerar om ett indataelement kommer att valideras.
validity-egenskapen för ett inmatningselement innehåller ett nummer egenskaper relaterade till datas giltighet:
Ställ in på sant om ett anpassat giltighetsmeddelande är inställt.
Ställ in på sant om ett elements värde inte matchar dess mönsterattribut.
Ställ in på sant om ett elements värde är större än dess max-attribut.
Ställ in på sant om ett elements värde är mindre än dess min-attribut.
Ställ in på sant om ett elements värde är ogiltigt enligt dess stegattribut.
Ställ in på sant om ett elements värde överskrider dess maxLength-attribut.
Ställ in på true, om ett elements värde är ogiltigt enligt dess typeattribut.
Ställ in på sant om ett element (med ett obligatoriskt attribut) inte har något värde.
Ställ in på sant om ett elements värde är giltigt.
Om siffran i ett inmatningsfält är större än 100 (indatas max
attribut), visa ett meddelande:
<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
let text = "Value OK";
if (document.getElementById("id1").validity.rangeOverflow) {
text = "Value too large";
}
}
</script>
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Validation</h2>
<p>Enter a number and click OK:</p>
<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK</button>
<p>If the number is greater than 100 (the input's max attribute), an error message will be displayed.</p>
<p id="demo"></p>
<script>
function myFunction() {
let text;
if (document.getElementById("id1").validity.rangeOverflow) {
text = "Value too large";
} else {
text = "Input OK";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
Om siffran i ett inmatningsfält är mindre än 100 (inmatningens min
-attribut), visar ett meddelande:
<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
let text = "Value OK";
if (document.getElementById("id1").validity.rangeUnderflow) {
text = "Value too small";
}
}
</script>
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Validation</h2>
<p>Enter a number and click OK:</p>
<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK</button>
<p>If the number is less than 100 (the input's min attribute), an error message will be displayed.</p>
<p id="demo"></p>
<script>
function myFunction() {
let text;
if (document.getElementById("id1").validity.rangeUnderflow) {
text = "Value too small";
} else {
text = "Input OK";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>