html运行实例（js_validation_rangeUnderflow）-搜寻教程库

代码示例：（标识：js_validation_rangeUnderflow）

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 验证</h1>

<p>请输入一个数字，然后单击“确定”：</p>

<input id="id1" type="number" min="100">
<button onclick="myFunction()">确定</button>

<p>如果数字小于 100（输入的 min 属性），则会显示错误消息。</p>

<p id="demo"></p>

<script>
function myFunction() {
  let text;
  if (document.getElementById("id1").validity.rangeUnderflow) {
    text = "Value too small";
  } else {
    text = "输入没问题";
  } 
  document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>