javascript - 函数不验证输入

标签 javascript html function input

我不明白为什么我的代码无法验证我的输入值。 我在所有情况下都“无法工作”。

这是我的代码:

<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")};
}

有人可以帮忙吗?

非常感谢!

最佳答案

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

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

如果你让这句话脱离函数,它会在页面加载时执行,在那一刻,输入没有值。

关于javascript - 函数不验证输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34051122/

相关文章:

javascript - 替换 Grunt 模板字符串中的文本

javascript - Coffeescript 中的源映射 - 错误未映射到源

html - Jekyll:标记出现在 <p> 标签中

javascript - 如何将循环中的本地数组连接到循环外的本地数组?

javascript - JS 可以访问函数变量吗?

javascript - jQuery;仅当在某个目录中时才执行目标和触发功能

javascript - 在 D3 中使用单个数据点格式化大美元值

javascript - 如何运行 module.exports 中的属性?

php - 为什么 PHP 的 move_uploaded_file() 方法在我的脚本中返回 false?

html - 如果 .row 中没有其他 sibling ,我如何使元素增长?