java web程序上機考試登錄界面設計實現

時間 2019-12-12

標籤 java web 程序上機考試登錄界面設計實現欄目 Java 简体版

原文原文鏈接

今天是java web上機。作一個登錄註冊的界面。要求：jsp。mysql數據庫，js作一個美觀的界面。功能。能夠添加javascript

更多啊。我作的界面被老師狠狠的扣了分。問題在於。當用戶沒有輸入任何信息（沒有輸入用戶名和密碼）就直接提交的java

時候，頁面顯示500錯誤，這裏改正的方案2點。我是這麼想的。1.要麼是提交時彈出一個對話框。顯示用戶名和密碼爲空！.這裏mysql

要注意的是，彈出的對話框不能阻止用戶輸入信息，彈出後，依然讓用戶輸入。2.要麼是提交按鈕後依然跳轉到本頁面。由於一個form表單web

只能跳轉到一個頁面，因此未輸入任何信息時，跳轉到本頁，可是在文本框旁邊顯示，請輸入用戶名！。這樣也很好啊。sql

截圖：數據庫

1.jsp

2.對話框。這個是我作的。有點麻煩！spa

我作的是第二個類型。一個對話框。它的重點在於彈窗不會影響用戶繼續輸入信息。orm

 <head>
  
  
  </head>
 <script type="text/javascript">
    	function check(){
    	var name=document.getElementById("username").value;
		    if(name==""){
		    	alert("用戶名不能爲空！");
		    	return false;
		    	}
		    	return true;
    	}
    		
      </script>
  

  <body>
  <%
  //不只是按了按鈕後，文本框旁邊出現文字，並且是判斷用戶沒有輸入任何信息的狀況下，點擊出現「請輸入用戶名」的信息
   %>
  <center>
  用戶登錄
  <br/>
  <br/>
 <form action="a.jsp" onsubmit=" return check()">
 <table>
 <tr><td>用戶名：</td><td><input type="text" name="username"  id="username"/></td><td id="aaa"></td></tr>
 <tr><td>密碼：</td><td><input type="password" name="password"/></td></tr>
 <tr><td></td><td><input type="submit" value="登錄" id="submit"/></td></tr>
 </table>
 </form> 
  <a href="register.jsp">註冊</a>
  	 </center>
  	 
  </body>