注册功能是网站的基本功能，但是验证总是需要从新写，很麻烦。
所以我弄了个简单框架，可以通过修改参数完成简单验证。
<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表单注册验证框架详解》 在网页开发中，用户注册表单是常见的功能模块，而有效的表单验证能够确保数据的准确性和安全性。jQuery作为一款轻量级的JavaScript库，提供了丰富的API和插件，使得表单验证变得...
Quick Validation 是一个 jQuery 的表单验证框架。你可以定制错误信息： errorRequired errorMaxlengtn errorMinlength errorNumber errorInteger errorRange errorEmail errorPhone errorExpression ...
在“验证框架demo”中，我们能看到一个简单的应用实例，包含一个注册表单，其中包含用户名、电子邮件和密码字段。每个字段都配备了相应的验证规则，当用户输入不符合规则时，会立即显示错误提示。 **六、总结** ...
### Java后台验证框架知识点 #### 一、引言 在Web应用开发中，参数验证是一项重要的环节，它有助于确保系统的安全性和数据的准确性。本文将详细介绍一种基于Java的后台验证框架设计思路及其应用场景，旨在为开发者...
ValidatorPlugIn是在Struts配置文件中配置的，它负责读取Validation.xml并注册验证规则。Validation.xml是定义验证规则的文件，包含了字段级别的验证规则和全局规则。ActionForm是Struts中的表单对象，它接收并封装...
1. 用户注册：Struts2 验证框架可以用于验证用户注册时的输入数据，以确保用户输入的数据正确和完整。 2. 订单处理：Struts2 验证框架可以用于验证订单处理时的输入数据，以确保订单信息正确和完整。 3. 支付处理：...
formvalidator 是一个强大的前端表单验证框架，专为开发者提供高效、灵活的表单数据验证解决方案。这个框架允许开发者在用户提交表单前检查输入的数据，确保数据的完整性和准确性，从而提高用户体验并减少服务器端的...
"表单验证框架"就是一种专门用于简化这一过程的工具，它提供了便捷的方式来验证用户在网页表单中填写的信息。 首先，我们要理解表单验证的重要性。在网页应用中，用户输入的数据经常需要被处理或存储，例如注册账号...
本资源提供了一个强大的JS开源验证框架，专为注册和登录页面设计，旨在简化开发者的验证工作流程，减少手动编写验证代码的需求。 标题中的“强大的JS开源验证框架”指的是一个高效且功能丰富的JavaScript库，它专门...
在C#编程环境中，验证框架是开发Web应用或桌面应用时不可或缺的一部分，它主要用于确保用户输入的数据符合预期的格式和规则，从而防止错误的数据进入系统，保护数据的完整性和安全性。"c#下的验证框架"通常指的是...
然后在处理用户注册或更新信息时，调用验证框架的API进行验证： ```csharp var user = new User { Username = "John", Password = "short", PhoneNumber = "1234" }; var validationContext = new ...
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下，例如，普通的JSP, ASP, PHP等开发，以及一些不提供验证支持的开发框架，如Tapestry, Velocity等，JSValidation提供了一种...
在IT行业中，验证框架是开发过程中不可或缺的一部分，它主要用于确保数据的正确性和一致性。"validate修改验证框架"这个主题涉及到的是对现有验证框架的优化或定制，以满足特定项目的需求。下面将详细介绍验证框架的...
在.NET框架下，C#语言提供了多种方式进行表单验证，其中Validator验证框架是一个常用的选择。本教程将通过回顾ActionForm的表单验证方式，深入探讨如何有效地掌握Validator验证框架。 ActionForm是早期ASP.NET MVC...
在这个"struts_注册验证_Validator框架"的主题中，我们将深入探讨如何使用Struts Validator实现注册验证。 首先，Struts Validator框架基于XML配置文件，这些文件定义了验证规则，如必填字段、电子邮件格式检查、...
要实现"气泡javascript验证框架"，首先需要了解`validate.js`的基本用法，包括定义验证规则、注册验证方法和绑定验证事件。然后，你需要修改`validate.js`的源代码，找到处理提示信息的部分，并将其替换为气泡效果的...
在Struts2框架中，验证框架是其一个重要组成部分，用于确保输入数据的准确性和完整性，从而防止因无效数据导致的程序异常或错误。本实例将带你深入理解Struts2验证框架的使用，以及在实际操作中可能遇到的问题和解决...
Struts验证框架是Java Web开发中的一个重要组成部分，主要用于处理用户输入的数据验证。它与MVC（Model-View-Controller）架构紧密结合，为开发者提供了一种规范化的、可扩展的方式来验证表单数据，确保应用程序的...
在IT行业中，表单验证和动态验证框架是构建高效、健壮且用户友好的Web应用程序不可或缺的部分。本文将深入探讨这两个关键概念，并结合标签“源码”和“工具”，介绍如何利用现有技术进行有效的表单数据验证。 首先...
**易用又灵活的js验证框架** 在网页开发中，数据验证是不可或缺的一环，它确保用户输入的数据符合预设的规则，防止错误信息的传递和处理。js验证框架为开发者提供了一种高效且易于定制的解决方案。本文将详细介绍一...