时间:2021-07-01 10:21:17 帮助过:34人阅读
1、最原始的注册验证方式,需要通过点击提交按钮才验证
先上图
代码如下:
Html代码 收藏代码
1.
2.
3.
4.
5.无标题文档
6.
8.
9.
11.
219.
注册步骤: 1.填写信息 > 2.收电子邮件 > 3.注册成功 |
225.
348.
| 名字: | id=“fname” size=“24”> | ||
| 姓氏: | 237.size=“24”> | ||
| 登录名: | 243.size=“24”> | ||
| 密码: | 250.id=“pass” size=“26”> | ||
| 再次输入密码: | 257.class=“register_textBroader” id=“rpass” size=“26”> | ||
| 电子邮箱: | 263.id=“email” size=“24”>(必须包含 @ 字符) | ||
| 性别: | 男 女 | ||
| 爱好: | 运动 聊天 玩游戏 | ||
| 出生日期: | 295.size=4 maxLength=4 > 年    月  313.size=2 maxLength=2 >日 | ||
| | | ||
| |||
2、正则表达式方式的验证方式【这个验证比较标准而且比较全面,不过也是通过点击提交按钮才进行验证】
本实例可以这样验证
具体代码
1.
2.
3.
4.
5.表单验证类Validator v1
6.
15.
16.
17.
141.
第三种验证,实际项目中比较常用的(JQuery+AJAX+MD5),属于即时验证,亮点是验证用户是否存在的那一项
具体示例
registe.jsp
Html代码 收藏代码
1.%@ page pageEncoding="UTF-8"%
2.%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %
3.%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %
4.
5.
6.
7.注册验证
8.
9.
10.
11.
13.
49.
50.
51.
52.
53.
54.
55.
注册新会员
122.
123.
124.
126.
127.
AccountServlet.java
Java代码 收藏代码
1.package com.validator.test;
3.import java.io.IOException;
4.import java.io.PrintWriter;
6.import javax.servlet.ServletException;
7.import javax.servlet.http.HttpServlet;
8.import javax.servlet.http.HttpServletRequest;
9.import javax.servlet.http.HttpServletResponse;
11.public class AccountServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { String loginname=request.getParameter("loginname"); PrintWriter out = response.getWriter();
if(loginname.equals("abc123")){ out.println("1"); }else{ out.println("0"); }
out.flush();
}
32.}
代码编写完毕,保存表单页
ok.