随着HTML语言的发展,出现了很多用于表单验证的新接口,比如checkValidity()方法等。本小节旨在介绍存在这些新的方法功能,但是不推荐使用这些接口方法。知道这些东西存在即可。
如下所示,只接受72到100的数字。
<p>输入72到100的数字:</p>
<input id="input1" type="number" min="72" max="100" required>
<button onclick="myFunction()">submit</button>
<p id="demo"></p>
<script>
function myFunction() {
var inpObj = document.getElementById("input1");
if (!inpObj.checkValidity()) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
} else {
document.getElementById("demo").innerHTML = "很好!输入合法!";
}
}
</script>