我最近開(kāi)始學(xué)習(xí) Javascript，我正在嘗試創(chuàng)建一個(gè)登錄系統(tǒng)原型。目的是用戶輸入所需的詳細(xì)信息（用戶名是“Mike”，密碼是“password”），然后重定向到新網(wǎng)頁(yè)。但是，不會(huì)發(fā)生重定向。這是由于我收到 document.getElementById(...) is null 錯(cuò)誤。我發(fā)現(xiàn)的大多數(shù)答案都說(shuō)在執(zhí)行 javascript 時(shí)文檔尚未完全加載。但是，由于代碼在按下按鈕之前不會(huì)執(zhí)行，我相信這不是這個(gè)問(wèn)題。我的 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貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊
您在 ID 密碼字段中缺少結(jié)束引號(hào)。
id="password value="Password"
id="password value="Password"
我建議您使用一些帶有語(yǔ)法熒光筆的編輯器，并且更好地維護(hù)文檔和代碼的結(jié)構(gòu)。另外，您可以嘗試 w3c 標(biāo)記驗(yàn)證器。
所有這些都將幫助您避免此類錯(cuò)誤。
www說(shuō)
TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊
id您的 HTML 代碼中有一個(gè)錯(cuò)誤，您忘記了字段屬性末尾的“ password。按如下所示修復(fù)：
<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 關(guān)注
- 163 瀏覽
添加回答
舉報(bào)
0/150
提交
取消