首先看一下效果:sql
當用戶名和密碼正確時,跳轉至登陸成功頁面spa
當用戶名或密碼不存在時,點擊登陸後,在當前頁面顯示「該用戶不存在」blog
實現代碼:事件
JavaBean:it
若是隻須要作登陸驗證的話,只用封裝用戶名和密碼兩個屬性就行了登錄
DAO層:表單
DAO實現:sql語句
個人邏輯是:sql語句查詢頁面傳來的用戶名密碼時,返回的是一個list集合;當用戶存在時,返回的集合不爲空,密碼
即list.isEmpty()是false;反之則是true。
im
Service層:
Service層實現:
Servlet:
JSP頁面:
必定要記得導包;值得注意的是,按鈕button的類型必定要是「button」,不能是「submit」,
否則點擊以後就提交了
JQuery代碼:
也就是上圖中箭頭所指文件中的內容。最後一個submit事件,替代了按鈕的「submit」的功能,
它只會在用戶名和密碼都驗證正確之後提交表單