注册功能是网站的基本功能，但是验证总是需要从新写，很麻烦。
所以我弄了个简单框架，可以通过修改参数完成简单验证。
<script language="javascript">
var Valid=new Object();
function $(id){
return document.getElementById(id);
}
function showAlert(message){
alert(message);
}
function showDiv(message,id){
var str=document.getElementById(id);
str.innerHTML=message;
}
function api(id,reg,message,haveOrNot,div){
var str=document.getElementById(id).value;
var flag=true;
if(typeof haveOrNot=="undefined") haveOrNot=true;
if((str==null||str=="")&&!haveOrNot){
flag=false;
message=message+"不能为空！";
}
else if((!reg.exec(str))&&(!((str==null||str=="")&&haveOrNot))){
flag=false;
message=message+"格式不合法!";
}
if(!flag){
if(typeof div=="undefined") showAlert(message);
else showDiv(message,div);
}
return flag;
}
//id为用户名所在文本域id值，,minLength为最少字符数，maxLength为最大字符数
//haveOrNot为布尔值，true表示允许为空，false为不允许
//div表示显示方式，如果为空或不填，用alert方式显示错误信息，如果填写，就填写错误显示的层id值
Valid.Name=function name(id,minLength,maxLength,haveOrNot,div){
var reg=eval("/^([a-z]){"+minLength+","+maxLength+"}$/");
var message="用户名";
return api(id,reg,message,haveOrNot,div);
}
Valid.Email=function email(id,haveOrNot,div){
var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
var message="邮箱";
return api(id,reg,message,haveOrNot,div);
}
Valid.Ps=function ps(id,minLength,maxLength,haveOrNot,div){
var reg=eval("/^([a-z]){"+minLength+","+maxLength+"}$/");
var message="密码";
return api(id,reg,message,haveOrNot,div);
}
Valid.Rps=function rps(rps_id,ps_id,div){
var rps=$(rps_id).value;
var ps=$(ps_id).value;
var flag=true;
var message="";
if(rps==""||rps==null){
flag=false;
message="重复密码不能为空！";
}
else if(rps!=ps){
flag=false;
message="密码与重复密码不同！";
}
if(!flag){
if(typeof div=="undefined") showAlert(message);
else showDiv(message,div);
}
return flag;
}
Valid.Phone=function phone(id,haveOrNot,div){
var reg=/^\d{11}/;
var message="手机号";
return api(id,reg,message,haveOrNot,div);
}
Valid.Address=function address(id,haveOrNot,div){
var reg=/^(.)*$/;
var message="地址";
return api(id,reg,message,haveOrNot,div);
}
</script>
Valid.Name用户名验证，他有5个参数
id：要验证的用户名所在文本域id （必填）
minLength：用户名最小长度 （必填）
maxLength：用户名最大长度 （必填）
haveOrNot：用户名是否能空 （选填，默认为true，true表示可以空，false表示不可以空）
div：显示提示信息的层id （选填，如果没有值，将用alert方式显示提示信息）
下面以Valid.Name为例示范一下使用
新建一个html页面，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
var Valid=new Object();
function $(id){
return document.getElementById(id);
}
function showAlert(message){
alert(message);
}
function showDiv(message,id){
var str=document.getElementById(id);
str.innerHTML=message;
}
function api(id,reg,message,haveOrNot,div){
var str=document.getElementById(id).value;
var flag=true;
if(typeof haveOrNot=="undefined") haveOrNot=true;
if((str==null||str=="")&&!haveOrNot){
flag=false;
message=message+"不能为空！";
}
else if((!reg.exec(str))&&(!((str==null||str=="")&&haveOrNot))){
flag=false;
message=message+"格式不合法!";
}
if(!flag){
if(typeof div=="undefined") showAlert(message);
else showDiv(message,div);
}
return flag;
}
//id为用户名所在文本域id值，,minLength为最少字符数，maxLength为最大字符数
//haveOrNot为布尔值，true表示允许为空，false为不允许
//div表示显示方式，如果为空或不填，用alert方式显示错误信息，如果填写，就填写错误显示的层id值
Valid.Name=function name(id,minLength,maxLength,haveOrNot,div){
var reg=eval("/^([a-z]){"+minLength+","+maxLength+"}$/");
var message="用户名";
return api(id,reg,message,haveOrNot,div);
}
Valid.Email=function email(id,haveOrNot,div){
var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
var message="邮箱";
return api(id,reg,message,haveOrNot,div);
}
Valid.Ps=function ps(id,minLength,maxLength,haveOrNot,div){
var reg=eval("/^([a-z]){"+minLength+","+maxLength+"}$/");
var message="密码";
return api(id,reg,message,haveOrNot,div);
}
Valid.Rps=function rps(rps_id,ps_id,div){
var rps=$(rps_id).value;
var ps=$(ps_id).value;
var flag=true;
var message="";
if(rps==""||rps==null){
flag=false;
message="重复密码不能为空！";
}
else if(rps!=ps){
flag=false;
message="密码与重复密码不同！";
}
if(!flag){
if(typeof div=="undefined") showAlert(message);
else showDiv(message,div);
}
return flag;
}
Valid.Phone=function phone(id,haveOrNot,div){
var reg=/^\d{11}/;
var message="手机号";
return api(id,reg,message,haveOrNot,div);
}
Valid.Address=function address(id,haveOrNot,div){
var reg=/^(.)*$/;
var message="地址";
return api(id,reg,message,haveOrNot,div);
}
function tests(){
Valid.name("ss",5,10,false);
//Valid.name("ss",5,10,false,"show");
//Valid.name("ss",5,10,true);
//Valid.name("ss",5,10,true,"show");
}
</script>
<body>
<input name="ss" type="text" id="ss"/>
<input type="submit" name="Submit" value="提交" onclick="tests();"/>
<div id="show"></div>
</body>
</html>
分享到：
相关推荐
jquery表单注册验证框架.zip
Quick Validation 是一个 jQuery 的表单验证框架。你可以定制错误信息： errorRequired errorMaxlengtn errorMinlength errorNumber errorInteger errorRange errorEmail errorPhone errorExpression ...
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种...
JSValidation是客户端表单验证框架，用在BS系统中，或者简单的网页系统中。表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要...
注册登陆可用验证JS，很好用，以后验证再也不用写代码，直接引用就OK了，各种验证方法，你一定会爱上它。
用struts Validator框架实现注册验证 （本人花了2个星期才弄明白，其中有不少现成代码可直接用于项目，比如common包。为了体现开源精神，特意奉献。供向我这样的初学者学习。）
对基于struts2框架的Ajax验证，常用的在注册页面需要验证的项目
这是目前国内开发的所有JS表单验证框架中最好的一个。理由如下：1、简单，只有一个JS文件，不需要其它相关JS支持。2集成AJAX验证支持。3、验证类型全面。4、极易扩展。 主要功能有： PISX通用表单验证具有以下一些...
自己写的一个小例子，基于SSH框架，功能包括登陆，注册，显示注册用户等。登陆以及注册时利用ajax实时监测用户名等信息是否合法。数据库采用oracleXE，就两个表，很简单的数据，大家根据代码中的持久化类自己建一下...
本资源主要是用于ssm框架用于实时验证，给予jquery和1ajax来查询数据库数据来判断是否用户名可用
ajax 验证框架 登陆注册界面的编写，初学者适用
基于Django框架开发的注册页面，它不仅提供了基本的输入验证功能，还通过动态请求和实时验证，为用户带来了流畅的注册体验。 这个注册页面不仅仅局限于简单的用户名和密码验证，它还包括了对邮箱和验证码的实时验证...
三期答辩课程设计，人事管理系统Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份，课设说明，答辩PPT，Windows下sts（eclipse） 。
运行平台MyEclipse 用struct1.2 实现最基本的功能 动态表单 验证框架的注册实例
Oracle数据库与eclipse与前台html建立框架 ******************* 用户登录、注册 ******************* 登录： 实现用户登陆验证输入信息与数据库信息进行匹配 ******************* 注册： 实现用户注册输入信息后台...
使用js框架验证用户名
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种...
项目概述：基于Python Django框架开发的登录注册系统，集成了Captcha验证功能，提高了安全性。本项目参考了刘江老师的博客教程，项目共包含85个文件，涉及多种编程语言和文件类型。其中，Python源文件（.py）22个，...
自学两天ibatis后自己做的struts2+spring+ibatis+jquery ajax的登录注册
首先需要在http://www.smschinese.cn/Rates.shtml注册，然后修改代码中的用户名和密钥。运行后执行http://localhost:8080/BookSsm/login即可