当前位置:Gxlcms > html代码 > 使用dreamweaver设计常用注册页面表单验证_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:34人阅读

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

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

先上图

代码如下:

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

8.
9.


11.

219.


223.

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

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 >日

   

     

 
       

阅读淘宝网服务协议

   
         
   

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.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.

人气教程排行