JSP、JQuery、Servlet交互实现验证用户名和密码

    首先看一下效果:

      当用户名和密码正确时,跳转至登录成功页面

      

      

 

 

 

      当用户名或密码不存在时,点击登录后,在当前页面显示“该用户不存在”

      

 

      

 

 

 

    实现代码:

      JavaBean:

        如果只需要做登录验证的话,只用封装用户名和密码两个属性就好了

      

 

 

 

 

      DAO层:

      

      DAO实现:

        我的逻辑是:sql语句查询页面传来的用户名密码时,返回的是一个list集合;当用户存在时,返回的集合不为空,

         即list.isEmpty()是false;反之则是true。

      

 

 

        Service层:

      

 

        Service层实现:

            

 

 

        Servlet:

                    

 

 

 

        JSP页面:

        一定要记得导包;值得注意的是,按钮button的类型一定要是“button”不能是“submit”

         不然点击之后就提交了

      

 

 

        JQuery代码:

        也就是上图中箭头所指文件中的内容。最后一个submit事件,替代了按钮的“submit”的功能,

         它只会在用户名和密码都验证正确以后提交表单

                                

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

        

 

 

 

posted @ 2019-11-18 22:29  发育中的程序猿  阅读(898)  评论(0编辑  收藏  举报