我正在嘗試創建一個登錄表單，通過獲取請求獲取用戶資料并使用以下 javascript 代碼進行檢查：
fetch('./login.php', {
method: 'GET'
})
.then((res) => res.json())
.then(res => {
let user = []
for (let data of res){
user.push({
email: "'" data.email "'",
password : "'" data.password "'"
})
}
let button = document.querySelector('.btn btn-danger submit');
function login(){
let email = document.getElementById('useremail').value;
let password = document.getElementById('userpassword').value;
for(i=0; i < user.length; i ){
if(email == user[i].email && password == user[i].password){
window.location = "home.html";
}
}
}
button.onclick = login();
})
每當我檢查控制臺時，它都會顯示標題中的錯誤。我試圖解決這個問題的方式有什么問題嗎？
這是我的表單 HTML 代碼（使用引導程式）：
<form action="" id="loginform">
<div class="mb-3">
<label for="useremail" class="form-label">Email:</label>
<input type="email" class="form-control" id="useremail" aria-describedby="Email" name="useremail" required>
</div>
<div class="mb-3">
<label for="userpassword" class="form-label">Password:</label>
<input type="password" class="form-control" id="userpassword" aria-describedby="Password" name="userpassword" required>
</div>
<button class="btn btn-danger submit" type="submit">Login</button>
<div class="row mt-3">
<a href="register.html" class="text-decoration-none text-decoration-underline text-dark fst-italic">Don't have an account? Register Here.</a>
</div>
</form>
uj5u.com熱心網友回復：
let button = document.querySelector('.btn btn-danger submit');是錯的。它將在submit類內選擇btn-danger一個btn類。
你需要let button = document.querySelector('.btn.btn-danger.submit');. 或者在我看來，id向按鈕添加一個并使用它。
另外，我敢肯定button.onclick = login();會只是button.onclick = login;因為你并不需要立即執行的功能，但系結功能的onclick。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/394337.html
標籤：javascript 验证 拿来
上一篇：在DJango表單中手動添加欄位