当前位置:首页 >  站长 >  编程技术 >  正文

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

 2020-12-16 11:47  来源: 脚本之家   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

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

我们来分一下步骤吧:

1.HTML代码,页面先写出来;

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

3.Ajax异步提交

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

效果图:

结构:

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>








用户名: onblur="verifyName()" />
密码: onblur="verifyPwd()" />
<input
type="button" style="width: 8rem;height:27px" value="提交登录验证" />

 



 

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:


xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">

This is the description of my J2EE component
This is the display name of my J2EE component
AJAXServlet
com.chaz.servlet.AJAXServlet


AJAXServlet
/AJAXServlet

 

跳转成功页面就这个:

登录成功!

总结

以上所述是小编给大家介绍的使用AJAX(包含正则表达式)验证用户登录的步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

来源:脚本之家

链接:https://www.jb51.net/article/172816.htm

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
ajax

相关文章

  • Ajax实现页面无刷新留言效果

    这篇文章主要为大家详细介绍了Ajax实现页面无刷新留言效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    标签:
    ajax
  • AJAX检测用户名是否存在的方法

    这篇文章主要为大家详细介绍了AJAX检测用户名是否存在,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    标签:
    ajax
  • ajax使用formdata上传文件流

    这篇文章主要为大家详细介绍了ajax使用formdata上传文件流,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    标签:
    ajax
  • Spring MVC+ajax进行信息验证的方法

    AJAX不是新的编程语言,而是一种使用现有标准的新方法。这篇文章主要介绍了SpringMVC+ajax进行信息验证,需要的朋友可以参考下

    标签:
    ajax
  • 利用Ajax检测用户名是否被占用的完整实例

    这篇文章主要给大家介绍了关于如何利用Ajax检测用户名是否被占用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    ajax

热门排行

信息推荐