1. 程式人生 > >JS實現簡單的登入介面(不連線資料庫,把使用者名稱密碼寫死)

JS實現簡單的登入介面(不連線資料庫,把使用者名稱密碼寫死)

今天做專案的時候碰到這個問題,

看上去很簡單寫個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>