<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-cn">
<title>jQuery formValidator表单验证插件</title>
<meta name="Author" content="猫冬">
<meta name="description" content="jQuery formValidator表单验证插件" />
<meta name="keywords" content="jQuery,formValidator,插件,表单,验证,插件,javascript,表单验证,提示层" />
<link rel="stylesheet" type="text/css" href="style.css">
<SCRIPT LANGUAGE="JavaScript" src="site.js"></SCRIPT>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">writeTop();</SCRIPT>
<table cellpadding="10" width="760" cellspacing="0" align="center" class="ContentTable">
<tr>
<td valign="top" class="Nav">
<SCRIPT LANGUAGE="JavaScript">writeNav();</SCRIPT>
</td>
<td valign="top"> <b><br>
<font size="5">用户手册</font></b> <p><u><font color="#000080">目录</font></u>
<ol>
<li><a href="#1">jQuery formValidator是什么?</a></li>
<li><a href="#2">jQuery formValidator能做什么,不能做什么?</a></li>
<li><a href="#3">什么情况下,我应该使用jQuery formValidator?</a></li>
<li><a href="#4">快速开始</a></li>
<li><a href="#5">使用jQuery formValidator必须加载的文件</a></li>
<li><a href="#6">jQuery formValidator插件的API帮助</a></li>
<li><a href="#7">其他补遗</a></li>
</ol>
<p><b><a name="1"></a><font color="#FF0000">1. jQuery formValidator表单验证插件是什么?</font>
[<a href="#">top</a>]</b></p>
<p> jQuery formValidator表单验证插件是客户端表单验证插件。<br>
在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时开发中不停的重复书写。<br>
常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等。一般要判断的表单元素比较多,开发过程就显得枯燥无味——重复的代码不断重复,而且可能还要兼容多种浏览器,更多的考虑因素使人头疼不已。由于每个要校验的页面虽然逻辑基本相同,但是在大多数情况下,出于种种原因,开发者宁愿再编写一套JS文件,为了便于管理。<br>
jQuery formValidator表单插件致力于改善这一过程。你只关心业务逻辑,而无需关系实现过程,只需简单的配置,无需写代码就能实现表单的检验。它包括常规检验功能和可扩展校验功能。针对每个表单元素你只需要写一行配置信息就能完成校验。而这些配置信息无需写入表单元素,实现了js代码和html代码的分离。这样做的好处,使B/S开发过程中,分工更加明确,页面设计着只需关心他的页面(设计的时候不必担心把脚本弄坏了),javascript开发者只需关心脚本的开发。<br>
而插件本身包含的校验方式可以有无数种,只要你扩展正则表达式和函数。本插件于同类校验插件最大的区别:校验功能可以扩展;实现了校验代码于html代码的完全分离;你只需写一行配置信息就能完成一个表单元素的所有校验。插件本身提供了很多回调函数,使调用者能最大限度的发挥自己的想象能力来完成自己的业务需求。
在同一个页面你可以拥有很多个校验组,你只需在提交的按钮那里调用<br>
return jQuery.formValidator.pageIsValid('校验组号') 来完成多个组的校验,互不干扰。<br>
插件具备跨浏览器的能力。目前在ie和ff两种浏览器下调试通过,你不用再考虑在多浏览器下如何兼容,jQuery
formValidator帮你做到了这些。</p>
<p><b><a name="2"></a><font color="#FF0000">2. jQuery formValidator能做什么,不能做什么?
</font> [<a href="#">top</a>]</b></p>
<p>jQuery formValidator表单校验插件支持的验证功能(还有很多功能没有罗列)罗列如下:</p>
<ul>
<li>支持所有类型客户端控件的校验</li>
<li>支持jQuery所有的选择器语法,只要控件有唯一ID和type属性。</li>
<li>支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js,你可以自由的添加、修改里面的内容。</li>
<li>支持2种校验模式。第一种:文字提示(showword模式);第二种:弹出窗口提示(showalert模式)</li>
<li> 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。</li>
<li> 支持4种状态的信息提示功能,可以灵活的控制4种状态是否显示。第一种:刚打开网页的时候进行提示;第二种:获得焦点的时候进行提示;第三种:失去焦点时,校验成功时候的提示;第四种:失去焦点时,校验失败的错误提示。</li>
<li> 支持自动构建提示层。</li>
<li> 支持自定义错误提示信息。</li>
<li> 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件</li>
<li> 支持2个控件值的比较。目前可以比较字符串和数值型。</li>
<li> 支持服务器端校验。</li>
<li> 支持输入格式的校验。<br>
</li>
</ul>
<p>jQuery formValidator不能做的:</p>
<ul>
<li>目前对控件ID是动态产生的情况支持的不是很好。例如asp.net里的gridview控件,因为它的每行数据都是动态产生的,捕捉不到控件的ID。不过你硬要写,也是能实现的。</li>
<li>其他没有提到的,很希望你能告诉我们。</li>
</ul>
<p><b><a name="3"></a><font color="#FF0000">3. 什么情况下,我应该使用jQuery formValidator?</font>
[<a href="#">top</a>]</b></p>
<p>只要控件ID是一定的,即:控件ID是你自己指定的,这种情况你都可以调用。当然动态产生ID的,你也可以调用。jQuery formValidator可以帮助你减轻客户端校验编程的压力,让你有更多的精力投入对业务的关注中。
<p>无论你是大型系统还是小型系统都适合调用本插件,本插件的压缩版本只有6K(可能本网页的一张图片就有几十K),个人认为可以忽略网页的加载时间。
<p><a name="4"></a><b><font color="#FF0000">4. 快速开始</font> [<a href="#">top</a>]</b>
<p>你可以有两种方法快速开始(看到效果)
<ul>
<li>直接查看Demo页面 (<a href="demo.html">goto>></a>)</li>
<li>下载最新的版本,直接在本地查看。(<a href="download.html">goto>></a>)</li>
</ul>
<p>无论是那种方法,演示的例子中都有详细的步骤,以及对应的代码。</p>
<p><b><a name="5"></a><font color="#FF0000">5. 使用插件必须加载的文件</font> [<a href="#">top</a>]</b></p>
<p>//加载jQuery类库<br>
<script src="jquery_last.js" type="text/javascript"></script><br>
//加载插件的样式库,如果你是自动构建提示层,请加载validatorAuto.css<br>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link><br>
//加载插件 <br>
<script src="formValidator.js" type="text/javascript"></script><br>
//加载扩展库<br>
<script src="formValidatorRegex.js" type="text/javascript"></script></p>
<p><a name="6"></a><b><font color="#FF0000"><A name="help" id="help"></A>6
jQuery formValidator插件的API帮助</font>[<a href="#">top</a>]</b></p>
<p>
<table width="610" border="0" cellspacing="0" cellpadding="2">
<tr valign="top">
<td colspan="4"> <p>目前支持5种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)、ajaxValidator(通过ajax到服务器上做数据校验)、regexValidator(提供可扩展的正则表达式库)
、functionValidator (提供可扩展函数库来做校验)<br>
<br>
每种格式支持的控件类型如下:</p>
<table width="600" border="1" cellspacing="0" cellpadding="2">
<tr>
<td> </td>
<td colspan="5" align="center">input</td>
<td align="center">textarea</td>
<td align="center">select</td>
</tr>
<tr>
<td width="133">校验方式</td>
<td width="62" align="center">text</td>
<td width="72" align="center">radio</td>
<td width="67" align="center">checkbox</td>
没有合适的资源?快使用搜索试试~ 我知道了~
jQuery formValidator表单验证插件最新
共85个文件
gif:20个
jpg:13个
js:13个
需积分: 0 12 下载量 56 浏览量
2009-06-26
12:38:36
上传
评论 1
收藏 130KB RAR 举报
温馨提示
jQuery formValidator表单验证插件 最新formValidator3.3
资源推荐
资源详情
资源评论
收起资源包目录
formValidator3.3.rar (85个子文件)
formValidator_min.js 10KB
style
tidymode.css.bak 323B
validator.css.bak 1KB
validatorTidyMode.css.bak 2KB
smity.css.bak 304B
validatorAuto.css.bak 1KB
tidymode.css 333B
validatorAuto.css 1KB
validator.css 838B
validatorTidyMode.css 2KB
demo6.htm 14KB
Default.aspx 457B
default.html 1B
images
onLoad.gif 781B
onFocus.gif 633B
onShow.gif 951B
Thumbs.db 11KB
bt.gif 2KB
onError.gif 633B
onCorrect.gif 634B
onSuccess.gif 634B
demo1.htm 15KB
demo4.htm 11KB
tab.png 1006B
index.html 4KB
ui.tabs.css 4KB
site.js 1KB
formValidatorRegex.js 4KB
.settings
org.eclipse.core.resources.prefs 147B
help.htm 21KB
ui.tabs.js 22KB
demo_jj.html 3KB
.project 217B
demo5.htm 13KB
DateTimeMask.js 22KB
demo2.htm 3KB
userguide.html 30KB
demo.html 3KB
faq.html 15KB
update.html 29KB
demo3.htm 13KB
Web.Config 2KB
jquery_last.js 45KB
download.html 4KB
formValidator.js 28KB
style.css 1KB
datepicker
WdatePicker.js 7KB
config.js 225B
lang
zh-cn.js 383B
en.js 419B
zh-tw.js 382B
skin
blue
right.gif 65B
navRight.gif 71B
up.jpg 402B
qs.jpg 527B
left.gif 65B
down.jpg 398B
datepicker.css 5KB
navLeft.gif 71B
bg.jpg 311B
btnbg.jpg 536B
datePicker.gif 1KB
whyGreen
right.gif 73B
navRight.gif 80B
up.jpg 448B
ymbg.jpg 302B
qs.jpg 527B
left.gif 73B
down.jpg 445B
datepicker.css 5KB
navLeft.gif 80B
bg.jpg 307B
WdatePicker.css 158B
default
right.gif 65B
navRight.gif 71B
up.jpg 379B
qs.jpg 527B
left.gif 65B
down.jpg 381B
datepicker.css 4KB
navLeft.gif 71B
My97DatePicker.htm 1KB
calendar.js 21KB
Default.aspx.cs 803B
money.html 932B
共 85 条
- 1
资源评论
StarJiang
- 粉丝: 2
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功