随着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>