<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.ptok {
border:2px solid #00ff00;
}
.ptng {
border:2px solid #ff0000;
}
.divok {
border:3px solid #00ff00;
}
-->
</style>
</head>
<script src="gfv.js" language="javascript" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
// 表单提交时的前置函数与后置函数:
gfv.prototype.beforeCheck=function(theform,msgTarget){
//这里写你的前置处理代码
alert("beforeCheck");
return true;
}
gfv.prototype.afterCheck=function(theform,msgTarget){
//这里写你的后置处理代码
alert("afterCheck");
return true;
}
// 元素验证时的前置函数与后置函数:
gfv.prototype.beforeItemCheck=function(obj,msgTarget){
//此示例是在处理前给INPUT的外边框加上有色边框
document.getElementById("d"+obj.id).className='divok';
}
gfv.prototype.afterItemCheck=function(obj,msgTarget){
//此示例是将出错的INPUT直接加上红边。
if (this.result==false)
document.getElementById(this.trgid).className='ptng';
else
document.getElementById(this.trgid).className='ptok';
return true;
}
</script>
<body>
扩展函数实例:本示例使用afterItemCheck给出错的加上红边。利用beforeItemCheck给操作过的出错的加上外边框的绿边。
<table width="886" border="1" align="center" cellpadding="1" cellspacing="3" bgcolor="#FFFFFF">
<form action="example4.htm" method="post" id="test" onSubmit="return fv(this,'p');" >
<tr>
<td width="124" ><div align="right">字符串</div></td>
<td width="168" ><div align="left" id='dgstr'><input type="text" name="textfield1" id="gstr" gfvtype="GFVSTRING" gfvtitle="字符串" gfvminbyte=3 gfvmaxbyte=50 gfvtrgid='gstr' onblur="vd(this,'p');"></div></td>
<td width="568"><div align="left" id=fstr></div></td>
</tr>
<tr>
<td><div align="right">文本</div></td>
<td><div align="left" id='dgtxt'><input type="text" name="textfield2" id="gtxt" gfvtype="GFVTEXT" gfvtitle="文本" gfvminbyte=3 gfvmaxbyte=50 gfvtrgid='gtxt' onblur="vd(this,'p');"></div></td>
<td><div align="left" id='ftxt'></div></td>
</tr>
<tr>
<td><div align="right">电子邮件</div></td>
<td><div align="left" id='dgmail'><input type="text" name="textfield3" id="gmail" gfvtype="GFVMAIL" gfvtitle="电子邮件" gfvminbyte=10 gfvmaxbyte=50 gfvtrgid='gmail' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fmail"></div></td>
</tr>
<tr>
<td><div align="right">整型</div></td>
<td><div align="left" id='dgint'><input type="text" name="textfield4" id="gint" gfvtype="GFVINTEGER" gfvtitle="整型" gfvminbyte=1 gfvmin=3 gfvmax=50 gfvtrgid='gint' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fint"></div></td>
</tr>
<tr>
<td><div align="right">双精度型</div></td>
<td><div align="left" id='dgdbl'><input type="text" name="textfield5" id="gdbl" gfvtype="GFVDOUBLE" gfvtitle="双精度型" gfvtrgid='gdbl' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fdbl"></div></td>
</tr>
<tr>
<td><div align="right">货币型</div></td>
<td><div align="left" id='dgcur'><input type="text" name="textfield6" id="gcur" gfvtype="GFVCURRENCY" gfvtitle="货币型" gfvtrgid='gcur' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fcur"></div></td>
</tr>
<tr>
<td><div align="right">数字型</div></td>
<td><div align="left" id='dgnum'><input type="text" name="textfield7" id="gnum" gfvtype="GFVNUMBER" gfvtitle="数字型" gfvminbyte=3 gfvmaxbyte=50 gfvtrgid='gnum' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fnum"></div></td>
</tr>
<tr>
<td><div align="right">邮编</div></td>
<td><div align="left" id='dgzip'><input type="text" name="textfield8" id="gzip" gfvtype="GFVZIPCODE" gfvtitle="邮编" gfvminbyte=010000 gfvmaxbyte=999999 gfvtrgid='gzip' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fzip"></div></td>
</tr>
<tr>
<td><div align="right">英文字符</div></td>
<td><div align="left" id='dgeng'><input type="text" name="textfield9" id="geng" gfvtype="GFVENGLISH" gfvtitle="英文字符" gfvminbyte=3 gfvmaxbyte=50 gfvtrgid='geng' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="feng"></div></td>
</tr>
<tr>
<td><div align="right">中文汉字</div></td>
<td><div align="left" id='dgchs'><input type="text" name="textfielda" id="gchs" gfvtype="GFVCHINESE" gfvtitle="中文汉字" gfvminbyte=3 gfvmaxbyte=50 gfvtrgid='gchs' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fchs"></div></td>
</tr>
<tr>
<td><div align="right">用户名</div></td>
<td><div align="left" id='dguname'><input type="text" name="textfieldb" id="guname" gfvtype="GFVUSERNAME" gfvtitle="用户名" gfvminbyte=5 gfvmaxbyte=50 gfvtrgid='guname' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="funame"></div></td>
</tr>
<tr>
<td><div align="right">颜色</div></td>
<td><div align="left" id='dgcol'><input type="text" name="textfieldc" id="gcol" gfvtype="GFVCOLOR" gfvtitle="颜色" gfvminbyte=4 gfvmaxbyte=7 gfvtrgid='gcol' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fcol"></div></td>
</tr>
<tr>
<td><div align="right">URL</div></td>
<td><div align="left" id='dgurl'><input type="text" name="textfieldd" id="gurl" gfvtype="GFVURL" gfvtitle="URL" gfvminbyte=10 gfvmaxbyte=255 gfvtrgid='gurl' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="furl"></div></td>
</tr>
<tr>
<td><div align="right">电话</div></td>
<td><div align="left" id='dgtel'><input type="text" name="textfielde" id="gtel" gfvtype="GFVPHONE" gfvtitle="电话" gfvminbyte=9 gfvmaxbyte=12 gfvtrgid='gtel' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="ftel"></div></td>
</tr>
<tr>
<td><div align="right">手机</div></td>
<td><div align="left" id='dgmob'><input type="text" name="textfieldf" id="gmob" gfvtype="GFVMOBILE" gfvtitle="手机" gfvminbyte=11 gfvmaxbyte=11 gfvtrgid='gmob' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fmob"></div></td>
</tr>
<tr>
<td><div align="right">日期</div></td>
<td><div align="left" id='dgdate'><input type="text" name="textfieldg" id="gdate" gfvtype="GFVDATE" gfvtitle="日期" gfvminbyte="1971-01-01" gfvmaxbyte="2030-12-31" gfvtrgid='gdate' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fdate"></div></td>
</tr>
<tr>
<td><div align="right">IP地址</div></td>
<td><div align="left" id='dgip'><input type="text" name="textfieldh" id="gip" gfvtype="GFVIPADDRESS" gfvtitle="IP地址" gfvtrgid='gip' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fip"></div></td>
</tr>
<tr>
<td><div align="right">年月</div></td>
<td><div align="left" id='dgym'><input type="text" name="textfieldi" id="gym" gfvtype="GFVYEARMONTH" gfvtitle="年月" gfvtrgid='gym' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fym"></div></td>
</tr>
<tr>
<td><div align="right">时间</div></td>
<td><div align="left" id='dgtime'><input type="text" name="textfieldj" id="gtime" gfvtype="GFVTIME" gfvtitle="时间" gfvtrgid='gtime' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="ftime"></div></td>
</tr>
<tr>
<td><div align="right">密码</div></td>
<td><div align="left" id='dgpwd'><input type="text" name="textfieldk" id="gpwd" gfvtype="GFVPASSWORD" gfvtitle="密码" gfvminbyte=5 gfvmaxbyte=15 gfvfrom=1 gfvtrgid='gpwd' onblur="vd(this,'p');"></div></td>
<td><div align="left" id="fpwd"></div></td>
</tr>
<tr>
<td><div align="right">确认密码</div></td>
<td><div align="left" id='dgcpwd'><input type="text" name="textfieldl" i
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这是目前国内开发的所有JS表单验证框架中最好的一个。理由如下:1、简单,只有一个JS文件,不需要其它相关JS支持。2集成AJAX验证支持。3、验证类型全面。4、极易扩展。 主要功能有: PISX通用表单验证具有以下一些功能: 1、验证不允许为空的录入字段。 2、验证录入字段的有效长度,不允许小于最短字节数,也不允许超过最长字节数。 3、根据不同数据类型进行验证,验证其是否为合法的数据类型。这些数据类型有: 字符串, 文本, 电子邮件, 整型数值, 双精度型数值 货币型, 数字, 邮编, 英文字符, 中文汉字 用户名, 颜色, URL, 电话号码, 手机号 日期, IP地址, 年月, 时间, 密码 确认密码, 身份证号, QQ号, 多选框(CheckBox) 上传文件过滤 验证码集成支持 4、联合验证:例如,对于注册表单,还可以验证两次录入的密码是否相同。支持范围录入的验证,比如:验证开始日期应当在结束日期之前。 5、范围验证:不会超过最大值,不会小于最小值。 6、上传文件验证,限制文件上传的类型。 7、兼容主流浏览器。 8、多种错误显示模式支持,Alert模式,Text模式,Check符号与Text并用模式, Popup模式。 9、支持AJAX调用,但未使用AJAX框架,以及其它任何第三方JavaScript框架。由用户选择AJAX调用方式。 10、除1.0已提供的html自定义属性配置方式外,目前还支持JSON配置法,以及类属性直接配置法。 11、良好的可扩展功能,PISX通用表单验通过一些极为简单的规则,提供了一切可以扩展的途径。包括:验证码,AJAX,自定义配置,以及增加表单效果,增加新的验证类型。
资源推荐
资源详情
资源评论
收起资源包目录
gfv.rar (8个子文件)
gfv
example3.htm 7KB
example6.htm 4KB
example1.htm 7KB
example2.htm 7KB
example5.htm 4KB
PISX JS通用表单验证框架.ppt 223KB
gfv.js 36KB
example4.htm 9KB
共 8 条
- 1
资源评论
erotic1234
- 粉丝: 0
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于python的GUI学生信息管理系统(权限版)
- 数码管动态显示_单片机C语言实例(纯C语言源代码).zip
- K均值聚类算法,matlab编写,很好用.rar
- 无线遥控接收模块实验_单片机C语言实例(纯C语言源代码).zip
- 微信小程序设计(含源代码+解释文档)之企业应用.zip
- [聊天留言]QiuWish AppleShow许愿树 1.5 Beta_qsswish.rar
- [其他类别]php实现msn协议的类_sendmsg.rar
- 案例12 SVM神经网络的数据分类预测-葡萄酒种类识别.zip
- 动态ListView,支持异步更新列表,异步更新图片.zip
- GoogleCamera_v9.2.113_danji100.com.apk
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功