<!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" lang="zh-CN">
<xml id='xmlPageContext'>
<eyebrow findmenu="false">
<item id="board1" />
<item id="board5" />
<item id="board42" />
<item id="File1727"/>
</eyebrow>
</xml>
<head>
<title>FormValid 0.3 (表单JS验证)完整功能版-WEB资源库</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />
<meta name="author" content="chenshaobo@gmail.com,陈少波,天枫" />
<meta name="Copyright" content="www.52515.net,自由版权,任意转载" />
<meta name="keywords" content="web资源库,web技术,web标准化,AJAX,javscript,asp,html,css,div+css,web2.0,jsp,php,.net,作者:天枫-陈少波" />
<meta name="description" content="本站中文名:"WEB资源库",英文名:"Web Library",主要收集各类网站建设、开发的技术资料(ASP、PHP、JSP、AJAX、javascript、html、CSS、div+css、web2.0等)。
本站域名:http://52515.net." />
<script language="JavaScript" src="js/lib.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<a href="main.asp">WEB资源库首页</a>→<a href="board.asp?boardid=1">网页技术</a>→<a href="board.asp?boardid=5">JavaScript</a>→<a href="board.asp?boardid=42">表单类</a><hr size=1><br><br><div style="padding-left:5px;"><b><span style="font:隶体;font-size:35px;cursor:pointer" title="点击复制本页地址" onclick='window.clipboardData.setData("Text","http://52515.net/File.asp?FileID=1727");alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");'>FormValid 0.3 (表单JS验证)完整功能版</span></b></div><div style="padding-left:6px;padding-top:10px;color:#CCCCCC;font-size:12px;">提供者:admin 发布时间:2007-6-13 浏览:[693]</div>
<script type="text/javascript"><!--
google_ad_client = "pub-4311035319175295";
google_ad_width = 468;
google_ad_height = 15;
google_ad_format = "468x15_0ads_al_s";
//2007-08-08: 52515.net
google_ad_channel = "2804102145";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "CC0000";
google_color_text = "000000";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><hr size=1 style="color:#EFEFEF"><div style="float:right;"><script src=http://www.vodone.com/bus/ownerjs/advjs_6/6736/6736_30647_p7_.js></script></div><div style="margin-left:10px;margin-right:15px;">FormValid 0.3 完整功能版<BR/><BR/>简介:完全通过html不需要写JS验证程序就可以实现表单验证功能,可支持一个表单元件多条件验证,<BR/>同一页面多表单可同时使用,和服务端程序无关系,完全客户端方式。<BR/><BR/>特性:<BR/> 23种常用验证规则<BR/> 一个表单元件支持同时多种验证规则<BR/> 可自定义正则规则<BR/> 可自定义函数规则<BR/> 可自定义错误显示方式<BR/><BR/>使用方法:在要验证的表单(form)中加上 onsubmit="return validator(this)"<BR/>在要验证的表单元件中设置元件,valid(验证规则),errmsg(提示消息),多个验证使用|作为分隔!<BR/><BR/><BR/>验证规则参数:<BR/> required 必填<BR/> eqaul 和另一元件对比值是否相同,对比的元件名在元件加上属性eqaulName<BR/> gt 和另一元件对比值是否大于另一元件值,对比的元件名在元件加上属性eqaulName<BR/> isNumber 是否为数字<BR/> isInt 是否为整形<BR/> isTime 是否为时间格式<BR/> isDate 是否为日期格式<BR/> isEmail 必须是Email格式<BR/> <BR/> isPhone 是否为电话号码<BR/> isMobile 是否为手机号码<BR/> isIdCard 是否为身份证号码<BR/> isMoney 是否为货币值<BR/> isZip 是否是邮件编码<BR/> isQQ 是否是QQ<BR/> isEnglish 是否是english<BR/> isChinese 是否是中文<BR/> isUrl 是否是url<BR/> compare 对比两个值<BR/> limit 长度限制<BR/> range 值范围限制<BR/> requireChecked 单选、复选框必须选择<BR/> filter 扩展名限制<BR/> isNo 值不等于<BR/><BR/> regexp 自定义正则判断<BR/> custom 自定义函数判断<BR/><BR/>更新历史:<BR/>0.3 <BR/>加入十几种验证规则<BR/>加入自定义正则判断<BR/>加入自定义函数判断<BR/>加入将焦点移到第一个错误元件<BR/><BR/>0.2<BR/>加入自定义错误显示方式<BR/><BR/>FormValid 0.3 完整功能版<BR/><BR/> 简介:完全通过html不需要写JS验证程序就可以实现表单验证功能,可支持一个表单元件多条件验证,<BR/>同一页面多表单可同时使用,和服务端程序无关系,完全客户端方式。<BR/><BR/>Demo1 基本使用方法<BR/>Demo2 自定义错误信息显示方式1<BR/>Demo3 自定义错误信息显示方式2<BR/>Demo4 所有判断规则<BR/>Demo5 自定义正则规则<BR/>Demo6 自定义函数规则<BR/><BR/>特性:<BR/><BR/><BR/> 使用方法:在要验证的表单(form)中加上 onsubmit="return validator(this)"<BR/>在要验证的表单元件中设置元件,valid(验证规则),errmsg(提示消息),多个验证使用|作为分隔!<BR/><BR/><BR/>验证规则参数:<BR/>required 必填<BR/>eqaul 和另一元件对比值是否相同,对比的元件名在元件加上属性eqaulName<BR/>gt 和另一元件对比值是否大于另一元件值,对比的元件名在元件加上属性eqaulName<BR/>isNumber 是否为数字<BR/>isInt 是否为整形<BR/>isTime 是否为时间格式<BR/>isDate 是否为日期格式<BR/>isEmail 必须是Email格式<BR/>isPhone 是否为电话号码<BR/>isMobile 是否为手机号码<BR/>isIdCard 是否为身份证号码<BR/>isMoney 是否为货币值<BR/>isZip 是否是邮件编码<BR/>isQQ 是否是QQ<BR/>isEnglish 是否是english<BR/>isChinese 是否是中文<BR/>isUrl 是否是url<BR/>compare 对比两个值<BR/>limit 长度限制<BR/>range 值范围限制<BR/>requireChecked 单选、复选框必须选择<BR/>filter 扩展名限制<BR/>isNo 值不等于<BR/><BR/>regexp 自定义正则判断<BR/>custom 自定义函数判断<BR/><BR/>更新历史:<BR/>0.3 <BR/>加入十几种验证规则<BR/>加入自定义正则判断<BR/>加入自定义函数判断<BR/>加入将焦点移到第一个错误元件<BR/><BR/>0.2<BR/>加入自定义错误显示方式<BR/><BR/><BR/>demo1<BR/><div><textarea name="codes" id="codes" rows="14" cols="60">
<!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>FormValid Demo1 基本使用方法</title>
<script language="JavaScript" type="text/javascript">
var FormValid = function(frm) {
this.frm = frm;
this.errMsg = new Array();
this.errName = new Array();
this.required = function(inputObj) {
if (typeof(inputObj) == "undefined" || inputObj.value.trim() == "") {
return false;
}
return true;
}
this.eqaul = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];
if (fstObj != null && sndObj != null) {
if (fstObj.value != sndObj.value) {
return false;
}
}
return true;
}
this.gt = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('eqaulName')];
if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='') {
if (fstObj.value <= sndObj.value) {
return false;
}
}
return true;
}
this.compare = function(inputObj, formElements) {
var fstObj = inputObj;
var sndObj = formElements[inputObj.getAttribute('objectName')];
if (fstObj != null && sndObj != null && fstObj.value.trim()!='' && sndObj.value.trim()!='') {
if (!eval('fstObj.value' + inputObj.getAttribute('operate') + 'sndObj.value')) {
return false;
}
}
return true;
}
this.limit = function (inputObj) {
var len = inputObj.value.length;
if (len) {
var minv = inputObj.getAttribute('min');
var maxv = inputObj.getAttribute('max');
minv = minv || 0;
maxv = maxv || Number.M