我最近開始學習 Javascript，我正在嘗試創建一個登錄系統原型。目的是用戶輸入所需的詳細信息（用戶名是“Mike”，密碼是“password”），然后重定向到新網頁。但是，不會發生重定向。這是由于我收到 document.getElementById(...) is null 錯誤。我發現的大多數答案都說在執行 javascript 時文檔尚未完全加載。但是，由于代碼在按下按鈕之前不會執行，我相信這不是這個問題。我的 HTML 代碼是：<form id="form_id" method="post"> <input type="text" name="username" id="username" value="Username" class="login_textbox"/><br><br> <input type="text" name="password" id="password" value="Password" class="login_textbox"/><br> <br><input type="button" value="Login" id="submit" onclick="validate()" class="login_button" /> </form>我的 JavaScript 代碼是：function validate(){var username = document.getElementById("username").value; var password = document.getElementById("password").value; if ( username == "Mike" && password == "password"){ alert ("Login Successful"); window.location = "Pages/homepage.htm"; return false; }}
2 回答
搖曳的薔薇
TA貢獻1793條經驗 獲得超6個贊
您在 ID 密碼字段中缺少結束引號。
id="password value="Password"
id="password value="Password"
我建議您使用一些帶有語法熒光筆的編輯器，并且更好地維護文檔和代碼的結構。另外，您可以嘗試 w3c 標記驗證器。
所有這些都將幫助您避免此類錯誤。
www說
TA貢獻1775條經驗 獲得超8個贊
id您的 HTML 代碼中有一個錯誤，您忘記了字段屬性末尾的“ password。按如下所示修復：
<form id="form_id" method="post">
<input type="text" name="username" id="username" value="Username" class="login_textbox"/><br><br>
<input type="text" name="password" id="password" value="Password" class="login_textbox"/><br>
<br><input type="button" value="Login" id="submit" onclick="validate()" class="login_button" />
- 2 回答
- 0 關注
- 142 瀏覽
添加回答
舉報
0/150
提交
取消