javascript 验证通过获取元素 id 来检查输入是否为空

Question

我是 javascript 新手，正在尝试一些代码.. 为了在 javascript 中进行验证，我尝试了下面的代码并且它有效

<input id="idd" type="number" min="400" max="500">
<button onclick="myFunction()">OK</button>

<script>
function myFunction() {
 var inobj = document.getElementById("idd"); 
      //to check if input is between 400 to 500 
 if (inobj.checkValidity() == false)
    {
        document.getElementById("demo").innerHTML = inobj.validationMessage;
    }

// to check if  input is empty
else if(inobj.value ==""||inobj.value==NULL)                                
    {
        document.getElementById("demo").innerHTML ="enter input";
    }
    else 
    {
        document.getElementById("demo").innerHTML = "Input OK";
     } 
    } 
    </script>

当我尝试使用下面的代码来检查输入是否为空时它不起作用。为什么会发生这种情况？

// to check if  input is empty

var y = inobj.value;
else if( y == ""||y == NULL)                                
{
    document.getElementById("demo").innerHTML ="enter input";
}

我们能否将 inobj.value 赋给 y，然后在 else if 条件中使用它。

Answer 1

可能您在 y 变量的使用范围之外定义了它，因此当您尝试比较它时，y 被评估为未定义。

做你的

var y = inojb.value

就在下面

var inobj = document.getElementById("idd");

线，它应该可以工作