肉渣教程

表单API

上一节 下一节

虽然有新的验证接口,但是不推荐使用

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

运行一下


表单API

上一节 下一节