基本上,我设计了一个小登录页面,但我的检查功能无法正常工作。
我创建了 div 元素和一个函数来通过 Javascript 中的 Id 检查它。但它无法正常工作,当该函数应该检查“用户和通行证”中的值时,它会说“无效的用户名或密码”
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<header id="header">Please Login Here</header>
<meta charset="utf-8">
<title id="title">Login</title>
</head>
<body>
<form>
<div id="user">
<input type="text" name="user" placeholder="Username">
</div>
<div id="pass">
<input type="text" name="pass" placeholder="Password">
</div>
<script type="text/javascript">
function check() {
if (document.getElementById("user") == "Guy" && (document.getElementById("pass")) == "123") {
alert("Welcome!")
} else {
alert("Invalid username or password!")
}
}
</script>
<div id="login">
<button type="button" name="button" onclick="check()">Login!</button>
</div>
</body>
预期结果是“欢迎!”当输入正确的内容时,会出现警告框: 用户名: 盖伊 密码:123
最佳答案
您需要在输入元素上使用.value
- 因此请使用querySelector
。另请检查您的括号嵌套:
function check() {
if (document.querySelector("#user > input").value == "Guy" && document.querySelector("#pass > input").value == "123") {
alert("Welcome!")
} else {
alert("Invalid username or password!")
}
}
<div id="user">
<input type="text" name="user" placeholder="Username">
</div>
<div id="pass">
<input type="text" name="pass" placeholder="Password">
</div>
<div id="login">
<button type="button" name="button" onclick="check()">Login!</button>
</div>
关于javascript - 为什么我的 check() 函数在 JavaScript 中不起作用?请有人检查我的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56813592/