南京免费发布信息网站,全国企业信用信息查询网站,江门外贸网站建设,网站规划与设计网站页面包含JavaScript登陆时校验和服务器端的校验 JSP校验意义 客户端验证#xff1a;使用JavaScript验证 好处#xff1a;降低服务器端负担 不足#xff1a; 不安全#xff0c;可以跳过只能进行格式验证#xff0c;无法进行业务验证#xff08;用户名是否存在#xff09; 服务…包含JavaScript登陆时校验和服务器端的校验 JSP校验意义 客户端验证使用JavaScript验证 好处降低服务器端负担 不足 不安全可以跳过只能进行格式验证无法进行业务验证用户名是否存在 服务器端验证使用JSP验证 好处 安全 可以进行格式验证和业务验证 不足增加了服务器端的负担 建议同时进行服务器端和客户端验证 导包Jquery包
Login.jsp登录界面
% page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitle登录界面/titlescript typetext/javascript srcjs/jquery-1.12.3.min.js/scriptscript typetext/javascript$(function () {$(#uname).blur(function () {//进行用户名的非空校验var val $(#uname).val();if(valnull||val){$(#uname_span).text(用户名不能为空).css(color,red);}else {$(#uname_span).text(用户名合法).css(color,green);}})$(#pwd).blur(function () {//进行密码的非空校验var val $(#pwd).val();if(valnull||val){$(#pwd_span).text(密码不能为空).css(color,red);}else {$(#pwd_span).text(密码合法).css(color,green);}})})/script/head
bodyh3用户登录/h3form actionDoLoginServlet methodpostp账号input typetext nameuname iduname/span iduname_span%Object msg request.getAttribute(msg);if(msg!null){out.print(msg);}%/span/pp密码input typepassword namepwd idpwdspan idpwd_span/span/ppinput typesubmit value提交//p/form/body
/htmlsuccess.jsp登录成功界面
% page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitle成功登录/title
/head
bodyh1成功登录/h1/body
/htmlfa.jsp(非法登录拦截)
% page contentTypetext/html;charsetUTF-8 languagejava %
html
headtitle警告/title
/head
bodyh1滚/h1h4好好登┗|O′|┛ 嗷~~/h4h4想啥呢/h4h4滚去正常登陆去/h4
/body
/htmlDoLoginServlet.java(servlet流程控制)
package com.java.servlet;
import com.sun.net.httpserver.HttpServer;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;WebServlet(urlPatterns /DoLoginServlet)
public class DoLoginServlet extends HttpServlet {Overrideprotected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//接收数据String uname req.getParameter(uname);String pwd req.getParameter(pwd);//服务端校验if(unamenull||.equals(uname)){req.getRequestDispatcher(fa.jsp).forward(req,resp);return;}//处理数据boolean flage false;if (sxt.equals(uname)123.equals(pwd)){flage true;}//做出响应if (flage){req.getRequestDispatcher(success.jsp).forward(req,resp);}else{req.setAttribute(msg,用户名和密码不匹配);req.getRequestDispatcher(Login.jsp).forward(req,resp);}}
}