使用dreamweaver设计常用注册页面表单验证_html/css

1、最原始的注册验证方式，需要通过点击提交按钮才验证

先上图

代码如下：

Html代码 收藏代码
1.
2.
3.
4.
5.无标题文档
6.

8.
9.

11.

219.

225.

348.

 男 

  女 

 运动 

 聊天 

 玩游戏 

  
295.size=4 maxLength=4 > 年  
 
   
 [选择月份] 
 
 一月 
 
 二月 
 
 三月 
 
 四月 
 
 五月 
 
 六月 
 
 七月 
 
 八月 
 
 九月 
 
 十月 
 
 十一月 
 
 十二月 
 
  月  
 
  
313.size=2 maxLength=2 >日
 

 
阅读淘宝网服务协议 
 

  </pre> <p>333.欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用Taobao.com网站的各种工具和服务。 <br />334.本服务协议双方为淘宝与淘宝网用户，本服务协议具有合同效力。 <br />335.淘宝的权利和义务 <br />336.1.淘宝有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。 <br />337.2.对用户在注册使用淘宝网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，淘宝应及时作出回复。 <br />338.3.对于在淘宝网网上交易平台上的不当行为或其它任何淘宝认为应当终止服务的情况，淘宝有权随时作出删除相关信息、终止服务提</p> <p>340.供等处理，而无须征得用户的同意。 <br />341.4.因网上交易平台的特殊性，淘宝没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。</p> <pre class="scode">  

2、正则表达式方式的验证方式【这个验证比较标准而且比较全面，不过也是通过点击提交按钮才进行验证】

本实例可以这样验证

具体代码

1.
2.
3.
4.
5.表单验证类Validator v1
6.
15.
16.
17.

第三种验证，实际项目中比较常用的(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.