[英]Why am I getting the “Cannot set property 'border' of undefined” error?
我在 JavaScript 代碼的第 6 行收到“無法設置未定義的屬性‘邊界’”錯誤。 我希望能夠更改用戶名文本框的 CSS 以便邊框顏色不同。 我該如何解決這個問題?
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Login Screen</title>
<link rel="stylesheet" type="text/css" href="login.css"/>
<script src="login.js"></script>
</head>
<body>
<div id="container">
<h1 onclick="loginDetails()">Login</h1>
<form onsubmit="return validateLogin()">
<label for="username" class="label-1">Username</label><br>
<input type="text" id="username" class="text-box"><br>
<label for="password" class="label-2">Password</label><br>
<input type="text" id="password" class="text-box"><br>
<button type="submit" id="login" class="button">Sign In</button>
</form>
</div>
</body>
</html>
CSS:
#username {
border: 1px solid gray;
}
JavaScript:
function validateLogin() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username.length < 5) {
username.style.border = "1px solid red";
return false;
}
}
您正在嘗試在輸入字段的值上設置 CSS 屬性。
用。。。來代替:
function validateLogin() {
var username = document.getElementById("username");
var password = document.getElementById("password");
if (username.value.length < 5) {
username.style.border = "1px solid red";
return false;
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.