首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

各种惯用注册页面表单验证

2012-10-27 
各种常用注册页面表单验证这里介绍的第一个是最原始的表单验证方式,即没有使用即时验证,需要点击提交按钮

各种常用注册页面表单验证

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

?

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

先上图


各种惯用注册页面表单验证
?具体代码

?

?

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

本实例可以这样验证


各种惯用注册页面表单验证
?也可以这样验证


各种惯用注册页面表单验证
?

具体代码

?


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



各种惯用注册页面表单验证
?具体示例

registe.jsp

package com.validator.test;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;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();}}
?示例中用到的JS和CS文件打包在下面提供下载

?

1 楼 jacking124 2011-07-08   很不错的,学习了,但是我一般使用正则表达来做这些事情! 2 楼 linyi271 2012-06-14   怎么没有详细注释了,有详细的注释可以更好的理解代码, 以及实现的功能。

热点排行