Question

我无法弄清楚为什么我的代码不会验证我的输入值。我对所有场景都“不工作”。

这是我的代码：

<body>


<input type="text" placeholder="User Name" id="id_inputuser"/>
<label>Enter User Name</label><br>
<input type="text" placeholder="Password"id="id_inputpass"/>
<label>Enter Password</label><br><br>

<button onClick="verify()">Enter</button>
</body>

使用Javascript：

var user = document.querySelector('#id_inputuser').value;

function verify()

{if (user == "david")
{alert("working");}

else{alert("not working")};
}

有人可以帮忙吗？

非常感谢！

Answer 1

您必须阅读函数内的输入值。

function verify(){
    var user = document.querySelector('#id_inputuser').value;
    if (user == "david"){
        alert("working");
    }
    else{
        alert("not working");
   }
}

如果你让这个句子不在函数中，它会在页面加载时执行，在那一刻，输入没有值。

Answer 2

您对querySelector的调用在字段为空时获取值，这意味着DOM准备就绪，而不是在您更改输入字段之后。当你调用你提供的函数时，你需要捕获值。

函数不验证输入

2 个答案: