好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

网页注册页面验证设计,必须使用dreamweaver的表单来实现,或者spry库。
这里介绍的第一个是最原始的表单验证方式,即没有使用即时验证,需要点击提交按钮才进行验证,也没有使用正则表达式或者AJAX验证,也或者是JQuery的验证,不过这么多验证方式接着第一个后面都会写出来的

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

先上图

代码如下:

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

8.
9.


11.

219.


注册步骤: 1.填写信息 >  2.收电子邮件 > 3.注册成功 223.

225.


348.

名字:

id=“fname” size=“24”>

姓氏:

237.size=“24”>

登录名:

243.size=“24”>
244.(可包含 a-z、0-9 和下划线)

密码:

250.id=“pass” size=“26”>
251.(至少包含 6 个字符)

再次输入密码:

257.class=“register_textBroader” id=“rpass” size=“26”>

电子邮箱:

263.id=“email” size=“24”>(必须包含 @ 字符)

性别:

       

爱好:

     
       
     
     运动     
     
     
     
   聊天     
     
       
     
   玩游戏   

出生日期:

    

295.size=4 maxLength=4 > 年  

          
        [选择月份]   
         一月   
         二月   
         三月   
         四月   
         五月   
         六月   
         七月   
         八月   
         九月   
         十月   
         十一月   
         十二月    
       月     
      

313.size=2 maxLength=2 >日

        

       

     
       
        阅读淘宝网服务协议     
       
     
     
       
           

333.欢迎阅读服务条款协议,本协议阐述之条款和条件适用于您使用Taobao测试数据网站的各种工具和服务。
334.本服务协议双方为淘宝与淘宝网用户,本服务协议具有合同效力。
335.淘宝的权利和义务
336.1.淘宝有义务在现有技术上维护整个网上交易平台的正常运行,并努力提升和改进技术,使用户网上交易活动的顺利。
337.2.对用户在注册使用淘宝网上交易平台中所遇到的与交易或注册有关的问题及反映的情况,淘宝应及时作出回复。
338.3.对于在淘宝网网上交易平台上的不当行为或其它任何淘宝认为应当终止服务的情况,淘宝有权随时作出删除相关信息、终止服务提

340.供等处理,而无须征得用户的同意。
341.4.因网上交易平台的特殊性,淘宝没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。

         
       
     


349.
350.
351.
352.

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

本实例可以这样验证

具体代码

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

      
141.
142.
346.
347.

第三种验证,实际项目中比较常用的(JQuery+AJAX+MD5),属于即时验证,亮点是验证用户是否存在的那一项

具体示例

registe.jsp

Html代码 收藏代码
1.%@ page pageEncoding="UTF-8"%
2.%@ taglib uri="http://java.sun测试数据/jsp/jstl/core" prefix="c" %
3.%@ taglib uri="http://java.sun测试数据/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.

查看更多关于使用dreamweaver设计常用注册页面表单验证_html/css_WEB-ITnose的详细内容...

  阅读:78次