JS實現簡單的登入介面（不連線資料庫，把使用者名稱密碼寫死）
阿新 • • 發佈：2019-01-24
今天做專案的時候碰到這個問題，
看上去很簡單寫個js函式就行了，
實際好像沒那麼好操作，
用window.location.href=""行不通呀，
得用window.document.f.action="user3.jsp";window.document.f.submit();
f是你的 表單的名字大致程式碼如下
<body> <div class="img"></div> <form name="f" action=""> <div class="login1"> <input type="text" name="username" id="uName" style="width: 350px; height: 40px"> </div> <div class="login2"> <input type="password" name="userpwd" id="uPass" style="width: 350px; height: 40px"> </div> <div class="button1"> <input type="button" value="登入" style="width: 55px; height: 39px; background-color: #0066FF; color: #fff;" onclick="ulogin()"> </div> <!-- </form> --> <script language="javascript" type="text/javascript"> function ulogin() { var userName = document.getElementById("uName").value; var userPass = document.getElementById("uPass").value; if (userPass == "root" && userName == "root") { alert("登入成功"); window.document.f.action="user3.jsp"; window.document.f.submit(); } else if (userName == "" || userName == null) { alert("使用者名稱不能為空"); return false; } else if (userPass == "" || userPass == null) { alert("密碼不能為空"); return false; } else if (userPass != "root" || userName != "root") { alert("使用者名稱或密碼錯誤"); return false; } else{ return true; } } </script> </body>