使用AJAX（包含正则表达式）验证用户登录的步骤

这篇文章主要介绍了使用AJAX（包含正则表达式）验证用户登录的步骤,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

我们来分一下步骤吧：

1.HTML代码，页面先写出来；

2.正则表达式验证输入的用户名密码是否正确，失去焦点验证

3.Ajax异步提交

4.servlet这是后台处理代码获取数据并对比响应，然后跳转成功页面

效果图：

结构：

代码如下：

 < page language="java" import="java.util.*" pageEncoding="utf-8"       用户名: 
 密码:

servlet代码：

 package com.chaz.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class AJAXServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=utf-8"); request.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); String name = "ZhangSan"; String pwd = "Zhang123456"; String ajaxName = request.getParameter("name"); String ajaxPwd = request.getParameter("pwd"); System.out.println(ajaxName+":"+ajaxPwd); if(name.equals(ajaxName)&&pwd.equals(ajaxPwd)){ out.print("ok"); }else{ out.print("Error"); } out.flush(); out.close(); } }

web.xml:

 <?xml version="1.0" encoding="UTF-8"?>   This is the description of my J2EE componentThis is the display name of my J2EE componentAJAXServletcom.chaz.servlet.AJAXServlet AJAXServlet/AJAXServlet

跳转成功页面就这个

以上就是使用AJAX（包含正则表达式）验证用户登录的步骤的详细内容，更多请关注易知道|edz.cc其它相关文章！