温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
我不期望它有多酷,也不期望它有多迷人,
更不想用大把的线条和边框桎梏它,
在这里,我只是想,
听可以让我放松的音乐,
写我认为应该记录下的文字,
它属于我,也属于你,
梦想是绚烂的,奔赴梦想的途中同样风光无限——边走边看,享受林间洒落一地的春光......
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(1966)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'formValidator 验证学习',
blogAbstract:'&html&\n&head&\n&meta http-equiv=\"Content-Type\" content=\"text/ charset=UTF-8\" /&\n&title&jQuery formValidator表单验证插件 -- by:猫冬，email:&/title&\n&meta name=\"Author\" content=\"猫冬\"&\n&meta name',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:0,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'我不期望它有多酷,也不期望它有多迷人,\r\n更不想用大把的线条和边框桎梏它,\r\n在这里,我只是想,\r\n听可以让我放松的音乐,\r\n写我认为应该记录下的文字,\r\n它属于我,也属于你,\r\n梦想是绚烂的,奔赴梦想的途中同样风光无限——边走边看,享受林间洒落一地的春光......',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
[jQueryformValidator表单验证插件.docx 23页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：50 &&
[jQueryformValidator表单验证插件
你可能关注的文档：
··········
··········
jQuery formValidator表单验证插件是什么??jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。目前支持5种大的校验方式，分别是：inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的控制）、compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、ajaxValidator（通过ajax到服务器上做数据校验）、regexValidator（提供可扩展的正则表达式库） 、functionValidator （可使用外部函数来做校验）本插件于其他校验控件最大的区别有3点：1、校验功能可以扩展。?对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、日期等等这些控制，别的表单校验控件是代码里写死的，而formValidator是通过外部js文件来扩展的，你可以通过写正则表达式和函数来无限的扩展这些功能。 2、实现了校验代码于html代码的完全分离。?你的所有信息都无需配置在校验表单元素上，你只要在js上配置你的信息。使美工（界面）和javascript工程师的工作不交织在一起 3、你只需写一行代码就能完成一个表单元素的所有校验。你只需要写一行代码就能完成一下所有的控制 支持所有类型客户端控件的校验 支持jQuery所有的选择器语法，只要控件有唯一ID和type属性 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js，你可以自由的添加、修改里面的内容。 支持2种校验模式。第一种：文字提示(showword模式)；第二种：弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮，分别做不同得提交，提交前要做不同的校验，所以你得用到校验组的功能。 支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。第一种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失败的错误提示。 支持自动构建提示层。可以进行精确的定位。 支持自定义错误提示信息。 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型；选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。 更新记录
13:59:00 jQuery formValidator 3.3ver在升级的过程中发现了一些bug，在这个版本里做了修正；使用新版的jQuery类库，精简了不少代码。1、升级的过程中，把inputvalidator函数的里的属性defaultvalue弄错了，导致默认值都失效。现更正为如下：最后一个版本属性名为defaultval，现更正为了原来的属性名defaultvaluecheckbox和radio以及select控件都必须用数组进行初始化,请看demo1里的几个控件的默认值。2、ajaxvalidator是大家问的最多的问题，修正一个bug（感谢网友“じ龍峸√”），并把大家最关心的问题，再做一次阐述。bug现象：无论校验有没有校验通过，当控件再次得到焦点而再次失去焦点的时候tip里的提示就会停滞在得到焦点的提示历次升级的相关记录：a、为AjaxValidator添加一个addidvalue属性(是否自动添加id和值到url参数后面)为了修复AjaxValidator在配置信息的时候,取不到运行时候值的bug，插件将自动在url后面自动添加,形式为&id=value&的网页参数。在服务器端,你可以通过Request.querystring[&id&]来取值。 具体演示请看demo1里的用户名输入和Default.aspx b、AjaxValidator校验方式，将自动再增加一个参数到请求的地址后面&clientid=触发校验的表单ID&。如果你是一个jQuery集合做校验，如果用到了AjaxValidator校验方式,在服务器端，你无法知道触发校验的是哪个 表单元素，所以在请求的地址后面追加&clientid=触发校验的表单ID&。3、上次更新的过程中，压缩包里忘记放入datepicker日期控件，一起更正? 01:44:00 jQ
正在加载中，请稍后...友情提示：垃圾评论一律封号，下载出错或者资源有问题请联系全栈客服QQ
js表单验证插件FormValidator
所需积分：20
亲，积分不够，多去发布资源、评论、签到、
或联系QQ人工充值
亲，vip会员下载原创作品 积分5 折。
PS:尊重原创作者劳动成果，感谢分享！
充值方式： 或联系QQ人工充值[转载]jquery&插件（一）表单验证插件&formValidator
在这些天因为工作的需要，一直在看jquery的表单验证插件--formValidator，jQuery
formValidator表单验证插件是客户端表单验证插件,虽然之前也有用过，但是没有仔细的总结，现在个人总结一下，插件的使用可以分成以下几步：
一、使用插件必须加载的文件
(1)jquery.js&&&&&&&&&&&&&&&&&&
//jquery类库
&&&(2)validator.css&&&&&&&&&&&
&&&//插件的样式库
(3)formValidator.js&&&&&&&&&&&
//加载插件
&&&(4)formValidatorRegex.js&&&&&&
//加载插件的扩展库
&& 【代码示例】
&link type="text/css" rel="stylesheet"
href="style/validator.css"&&/link&
&script src="jquery_last.js"
type="text/javascript"&&/script&
&script src="formValidator.js"
type="text/javascript"&&/script&
&script src="formValidatorRegex.js"
type="text/javascript"&&/script&
二、成员函数
&& （1）$.formValidator.initConfig() 初始化配置函数
在js加载时初始化验证的一些参数
&要自动注册pageIsValid函数的表单ID号
&alertMessage
&是否弹出窗口
&errorFocus
&发生错误的时候，第一个出错控件是否获得焦点
&forceValid
&是否一直输入正确为止才允许离开焦点
&是否把一个全角字符当做2个长度
&submitonce
&校验通过后，是否灰掉所有的提交按钮
&是否调试状态，调试过程不会真正提交表单
&是否自动构建提示层
&onsuccess
&该组校验通过后的回调函数。如果函数返回false，阻止表单的提交
&验证失败之后调用的函数。该函数有两个参数
一个校验没有通过的错误信息&
一个校验没有通过的元素对象
&validatorgroup
&一个页面的控件可以分成多个组，分开校验
&submitAfterAjaxPrompt
&"当前有数据正在进行服务器端校验"
&提交之前有数据正在服务器端校验，不允许提交，自定义提示
&& 【示例代码】
$.formValidator.initConfig({
formID:"form1",
debug:false,
submitOnce:true,
onError:function(msg,obj,errorlist){
&&&&&&&&&&&&&&&
$("#errorlist").empty();
&&&&&&&&&&&&&&
&$.map(errorlist,function(msg){
&&&&&&&&&&&&&&&&&&&
&$("#errorlist").append("&li&"
+ msg + "&/li&")
&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&
alert(msg);
submitAfterAjaxPrompt : '有数据正在异步验证，请稍等...'
三、编写单个控件的配置函数
$("#username").formValidator({onShowText:"请输入",......});
&empty:Boolean
&如果是input-text控件，表示内容是否可以为空，如果是checkbox、radio、select控件表示是否可以不选择项
&onShowText:String
&显示在输入框里的提示
&onShowTextColor:Json
&{mouseOnColor:"#999999",
mouseOutColor:"#000000"}
&输入框里提示的颜色
&autoModify:Boolean
&离开焦点，校验不通过，是否自动修复错误
&onEmpty:String
&"输入内容为空"
&内容为空的时候提示
&onShow:String
&"请输入内容"
&页面刚打开时候的提示消息，为空则不显示
&onFocus:String
&"请输入内容"
&控件获取焦点时候的提示，为空则不显示
&onCorrect:String
&"输入正确"
&当焦点离开控件，输入正确出现的提示
&tipID:String
&用表单ID+"Tip
&tipCss:Json
&自动构建的提示层样式，主要用于定位自动构建的提示层。有特定要求，详细看文档
&relativeID:String
&当前校验控件的ID
&采用自动构建提示层的时候，提示层相对的目标控件ID，tipCss属性就是相对于这个参数而言的
&pwdTipId:String
&控件ID+Tip
&用于显示密码强度校验提示的容器ID，默认跟tipID参数默认值相同，即显示在同个DIV里
&fixTipID:String
&表示固定提示消息要放置的容器ID值
&forceValid:Boolean
&是否一致到到输入正确为止才允许离开焦点
&ajax:Boolean
&某个控件有ajaxValidator函数校验的时候，该参数决定哪些控件的值一起提交给服务器
&defaultValue:Object|String
&为input、select、textarea控件设置默认值
&triggerEvent:String
&触发校验的事件
&leftTrim:Boolean
&是否先去掉左边空格再校验
&rightTrim:Boolean
&是否先去掉右边空格再校验
&validatorGroup:String
【代码示例】&
&&&&（1）&$("#email").formValidator({
&&&&&&&&&&&&
&onshow:"请输入邮箱",
&&&&&&&&&&&&&onfocus:"最多80个字符",
&&&&&&&&&&&&&oncorrect:"输入正确"
}).InputValidator/RegexValidator/.....();
&&&&&（2）$("#email").formValidator({}).InputValidator(....);
//默认配置
四、单个控件的验证函数
&（1）inputValidator
&& 【选项】
&type:Object
&比较类型。
size:表示字符长度选择的个数；
number:数值型比较；
string：字符型比较；
date：短日期比较；
datetime：长日期比较
&min:Object
&最小长度/值。
对checkbox/radio而言表示选中控件的个数，
对text、password、textarea而言表示输入字符的长度或值得大小
&max:Object
&onError:String
&发生错误时显示
&onErrorMin:String
&比min属性小的提示
&onErrorMax:String
&比max属性大的提示
&empty:Json
&{leftEmpty:true,
rightEmpty:true,
emptyError:null}
&是否允许两边为空，默认允许
&& 【代码示例】
$("#password1").formValidator({
onShow:"请输入密码",
onFocus:"至少1个长度",
onCorrect:"密码合法"
}).inputValidator({
empty:{leftEmpty:false,rightEmpty:false,emptyError:"密码两边不能有空符号"},
onError:"密码不能为空,请确认"
（2）compareValidator
&&& 【选项】
desID:String
要比较控件的ID。要跟源目标进行比较的目标ID
operateor:String
比较符号，一共有如下几种：=、!=、&、&=、&、&=
dataType:String
数据类型。目前只支持4种："string","number","datetime","date"
onError:String
"输入错误"
发生错误的提示，为空者不显示
&& 【代码示例】
$("#pwd2").formValidator({
onshow:"确认密码不能为空",
onfocus:"最多20个字符",
&&&&&&&oncorrect:"输入正确"
}).inputValidator({
empty:{leftempty:false,rightempty:false,emptyerror:"确认密码两边不能有空格"},
onerror:"确认密码不能为空"
}).compareValidator({
desid:"pwd1",
operateor:"=",
datatype:"string",
onerror:"确证密码不一致"});&&
（3）regexValidator
&& 【选项】
regExp:Object
采用的是显式构造函数new RegExp("pattern"[,"flags"]); 由于Javascript 中''
被用作转义字符，所以在使用显示构造函数构造实例对象的时候，需要使用'\' 代替''
param:String
g：代表可以进行全局匹配。
i：代表不区分大小写匹配。
m：代表可以进行多行匹配。
可以任意组合,当然也可以不加参数
compareType:String
"||"或的关系 &
dataType:String
"string":自己写的表达式，"enum":枚举名。
可以自己修改、添加formValidatorRegex.js里的枚举项目名和表达式。
onError:String
为空者不显示
&& 【代码示例】
（a)自己书写的reg正则表达式
&&&&$("#lxdh").formValidator({
empty:true,
onShow:"请输入你的联系电话，可以为空哦",
onFocus:"格式例如：8",
onCorrect:"谢谢你的合作",
&&&&&&&onempty:"你真的不想留联系电话了吗？"
}).regexValidator({
regExp:"^[[0-9]{3}-|[0-9]{4}-]?([0-9]{8}|[0-9]{7})?$",
onError:"你输入的联系电话格式不正确"
&&&(b)引用formValidatorRegex.js里的枚举项目名和表达式
&$("#shouji").formValidator({
empty:true,
onShow:"请输入你的手机号码，可以为空哦"
}).inputValidator({
min:11,max:11,onError:"手机号码必须是11位的,请确认"
}).regexValidator({
regExp:"mobile",&&
//regExp种类详见 文件formValidatorRegex.js
&&&&&&&&&&dataType:"enum",
onError:"你输入的手机号码格式不正确"
（4）functionValidator
&& 【选项】
返回值的解释
外部函数名()
参数1:元素的值,
参数2:元素对象
默认当作处理过程
true/false
校验成功/失败
校验失败，返回值当作自定义错误
发生错误的提示
"输入错误"
函数return false的时候，显示该错误信息
&& 【代码示例】
$("#ewjy").formValidator({}).inputValidator({
onError:"这里至少要一个字符,请确认"
}).functionValidator({
fun:function(val,elem){
&&&&&&&&&&&&&
if(val=="123"){
&&&&&&&&&&&&
&&&&&&&&&&&&
return "额外校验失败,想额外校验通过，请输入123"
&&&&&&&&&&&&
（5）ajaxValidator
&& 【选项】
type:String
请求的类型:"GET","POST"
url:String
发送到的URL地址
dataType:String
返回的数据类型：xml、html、script、json、text
timeout:Number
data:Object,String
发送的数据
async:Boolean
是否异步发送
success:Function
成功时的回调函数
processData:Object|String
自动处理返回的数据为字符串
complete:Function
完成时的调用函数。ajax请求结束的回调函数
beforeSend:Function
请求前调用的函数
buttons:String
你点提交的按钮(组)Jquery对象。当你触发了ajax校验，在发送之前，buttons里对应的按钮（组）就会灰掉，一直等待服务器返
error:Function
请求失败时的回调函数。为空时不显示
onWait:String
正在校验的提示，默认："正在等待服务器返回数据"。已经发送，但是服务器还未返回数据时候的提示消息
onError:Object|String
正在校验的提示，默认："正在等待服务器返回数据"。已经发送，但是服务器还未返回数据时候的提示消息
&& 【代码示例】
$("#uname").formValidator({}).inputValidator({
empty:{leftempty:false,rightempty:false,emptyerror:"昵称两边不能有空格"},
&onerror:"昵称不能为空"
}).ajaxValidator({&
type : "post",&
cache : false,&
url : "/servlet/newspace",&
datatype : "html",&
addidvalue : true,&
data : "act=new_vname",&
success : function(data){&
&&&&&&&&&&&
if(data == "success" ){&
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&&
buttons: $("#regbtn"),&
error: function(){alert("服务器忙，请重试");},&
onerror : "您注册的昵称已存在",&
onwait : "正在对昵称进行校验..."&
(6)passwordValidator 密码增加验证函数
& 【选项】
&compareID:String
&比较控件ID。例如，密码不能于用户名相同，则该参数为用户名的ID，错误提示用参数onErrorCompareSame
&onErrorCompareSame:String
&值相同的错误提示。本参数要在compareID不为空的情况下才会起作用。如果想去掉该校验规则，本参数设置为空即可
&onErrorContinueChar:String
&连续字符的错误提示。&&&
默认不允许把连续字符当做密码。例如“123456”是非法密码。如果想去掉该校验规则，本参数设置为空即可
&onErrorSameChar:String
&字符相同的错误提示。&&&
默认不允许把相同字符当做密码。例如“111111”是非法密码。如果想去掉该校验规则，本参数设置为空即可
(7)defaultPassed 默认检验通过
另外：formValidator.js用户手册
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。当前位置 :
jquery formvalidator表单验证插件解决整站表单验证问题，提交表单时表单验证内容信息是否填写正确才能表单提交。内含js代码下载。
129粉丝/2关注
举报原因：
&&垃圾广告
&&淫秽色情
&&虚假中奖
&&敏感信息
&&人身攻击
&&骚扰他人
已发布2117
下载该资源用户也下载了
使用邮箱登录17素材}