0714 发表于 2020-2-20 15:21:00

获取input的值

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>javascript</title>
    </head>
    <body>
      <p>输入数字并点击按钮验证:</p>
      <input id="id1" type="number" max="300" min="100" required>
      <button type="button" onclick="myfunction()">验证</button>
      <p>如果输入的数字小于100或大于300，会提示错误信息.</p>
      <p id="demo"></p>
      <script>
            function myfunction()
            {
                var a = document.getElementById('id1');/*这里为什么不在最后加一个.value*/
                if (a.checkValidity() == false)
                {
                  document.getElementById('demo').innerHTML = a.validationMessage;
                }
                else
                {
                  document.getElementById('demo').innerHTML = '输入正确';
                }
            }
      </script>
    </body>
</html>

要获取input的输入值不是应该加一个.value吗，为什么没有加就可以获取input标签的输入值了？

zltzlt 发表于 2020-2-20 15:25:07

如果你加了，后面 if (a.checkValidity() == false) 和 a.validationMessage 就无法执行了
页: [1]
查看完整版本: 获取input的值