文本输入验证函数 Javascript答案

【问题标题】：Text input validation function Javascript文本输入验证函数 Javascript
【发布时间】：2015-12-02 17:25:20
【问题描述】：

谁能告诉我为什么我的代码不起作用？我收到错误：无法读取 null 的属性“值”。

这是我的html代码：

<body onLoad="init()">
<input type="text" placeholder="User Name" id="id_inputuser"></input>
<label>Please Enter User Name</label><br>
<input type="text" placeholder="Password"id="id_inputpass"></input>
<label>Please Enter Password</label><br><br>

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

这是 JS：

function init()
{
var user= document.getElementById("id_inputuser").value;
function verify()
{if (user=="david")
{alert("working")}

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

我们将不胜感激任何帮助 :) 非常感谢！

【问题讨论】：

JavaScript 何时被调用？ <input>元素当时是否存在？
将var user= document.getElementById("id_inputuser").value; 放入您的函数中。此外，输入是自动关闭的。
感谢@j08691，但现在我收到错误消息：未定义意外的令牌变量登录和初始化。我有一个 onload 函数，叫做 init，verify 函数就在里面。
您的问题中没有包含变量login 或init 的代码。
请用完整的代码示例更新您的问题，而不是在评论中发布。

标签： javascript html function input onclick

【解决方案1】：

如果你说这是完整的代码，那么这是有效的

<!DOCTYPE html>
<html>
<body>

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

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

<script>

function verify()
{
var user= document.getElementById("id_inputuser").value;
if (user=="david")
{alert("working")}

else{alert("not working")};
}
</script>

</body>
</html>

【讨论】：

【解决方案2】：

确保您发布的 javascript sn-p 是在相关 HTML 之后定义的。
将var input... 行移到verify() 函数内。

例如

<input type="text" id="username" />

<script>
function checkUsername () {
  var value = document.getElementByid('username').value;

  alert( value ? 'Valid' : 'Empty' );
}

document.getElementById('username').addEventListener('change', checkUsername);

</script>

【讨论】：