编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查，并能利用jQuery发送Ajax请求。创建的JavaWeb项目名称为JQueryTest

编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查，并能利用jQuery发送Ajax请求。创建的JavaWeb项目名称为JQueryTest

这次一看就是前端的框架使用了 我就不多说 不熟练哈

编写一个注册信息填写界面，使用jQuery和JavaScript处理输出的信息，该页面能完成多种信息检查，并能利用jQuery发送Ajax请求。创建的JavaWeb项目名称为JQueryTest

图片截图

为了大家的减少重复问题, 多搞了几个备用图哈

代码:JQueryRegister.jsp

代码语言：javascript复制<%--

Created by IntelliJ IDEA.

User: zhangxu

Date: 2021/5/20

Time: 12:14 下午

To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

xx班级同学信息注册系统

填写简要信息

填写详细信息

<%--JavaScript--%>

Register.java

代码语言：javascript复制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;

import java.io.PrintWriter;

/**

* @Author CaesarChang

* @Date 2021/5/20 12:23 下午

* @Version 1.0

*/

@WebServlet("/register")

public class Register extends HttpServlet {

@Override

protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

resp.setCharacterEncoding("utf-8");

req.setCharacterEncoding("utf-8");

PrintWriter out = resp.getWriter();

String username=req.getParameter("username");

String sex=req.getParameter("sex");

String email=req.getParameter("email");

String house=req.getParameter("house");

String room=req.getParameter("room");

String statu=req.getParameter("statu");

if (statu.equals("user")) {

//判断username

if (username.length() < 4) {

out.println("姓名少于四个字符！");

} else {

if (username.equals("zhangsan") || username.equals("lisi")) {

out.println("该用户名已注册！");

} else {

out.println("该用户名可以使用");

}

}

}

if(statu.equals("form")) {

out.println(username + "，您好，现在的时间是" + new java.util.Date());

out.println("
您的注册信息如下");

out.println("
姓名：" + username);

out.println("
性别：" + sex);

out.println("
邮箱：" + email);

out.println("
楼号：" + house);

out.println("
宿舍号：" + room);

}

}

}