没有合适的资源?快使用搜索试试~ 我知道了~
首页jQuery验证框架学习笔记.pdf
资源详情
资源评论
资源推荐
目 录
1. JQyery
1.1 jQuery验证框架(一) 可选项 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2 jQuery验证框架(二)插件方法 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13
1.3 jQuery验证框架(三、四)选择器及实用工具 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . .16
1.4 jQuery验证框架(五)验证器 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18
1.5 jQuery验证框架(六)内置验证方法 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22
1.6 jQuery验证框架(七)注意事项 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30
1.7 jQuery验证框架(八)应用实例 (jQuery validation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33
http://koalaxyq.javaeye.com
第 2 / 39 页
1.1 jQuery验证框架(一) 可选项 (jQuery validation)
发表时间: 2009-12-25
jQuery验证框架
<script type="text/javascript" src=js/jquery-1.3.2.min.js></script>
<script type="text/javascript" src=js/jquery.validate.pack.js></script>
<script type="text/javascript">
$(document).ready(function(){
$("#textForm").validate();
});
</script>
<form class="cmxform" id="commentForm" method="get" action="">
Name<input id="cname" name="name" size="25" class="required" minlength="2" />
<input class="submit" type="submit" value="Submit"/>
</form>
此文谨以以上js片段开始介绍jQuery Validation。
验证从这个方法开始:validate( [options] )
一、可选项( options )
[1] debug 类型:Boolean 默认:false
说明:开启调试模式。如果为true,表单不会提交,而且会在控制台显示一些错误消息(需要Firebug或者
Firebug lite)。当要阻止表单默认提交事件,尝试去开启它。
$(".selector").validate({
debug: true
})
[2] submitHandler 类型:Callback 默认:default (native) form submit
说明:当表单通过验证,提交表单。回调函数有个默认参数form
$(".selector").validate({
submitHandler: function(form) {
// do other stuff for a valid form
http://koalaxyq.javaeye.com
1.1 jQuery验证框架(一) 可选项 (jQuery validation)
第 3 / 39 页
form.submit();
}
})
[3] invalidHandler 类型:Callback
说明:当未通过验证的表单提交时,可以在该回调函数中处理一些事情。该回调函数有两个参数:第一个为
一个事件对象,第二个为验证器(validator)
$(".selector").validate({
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
var message = errors == 1
? 'You missed 1 field. It has been highlighted'
: 'You missed ' + errors + ' fields. They have been highlighted';
$("div.error span").html(message);
$("div.error").show();
} else {
$("div.error").hide();
}
}
})
[4] ignore 类型:Seletor
说明:当进行表单验证时,过滤掉选择器所选择的表单。用了jQuery not方法( not() )。类型为submit
和reset的表单总是被忽略的。
$("#myform").validate({
ignore: ".ignore"
})
[5] rules 类型:Options 默认:rules are read from markup (classes, attributes, metadata)
http://koalaxyq.javaeye.com
1.1 jQuery验证框架(一) 可选项 (jQuery validation)
第 4 / 39 页
说明:用户定义的键/值对规则。键为一个表单元素的name属性(或是一组单选/复选按钮)、值为一个简
单的字符串或者由规则/参数对(rule/parameter)组成的一个对象。可以和 class/attribute/metadata 规则
一起使用。每个规则可以指定一个依存的验证前提条件。
$(".selector").validate({
rules: {
// simple rule, converted to {required:true}
name: "required",
// compound rule
email: {
required: true,
email: true
}/*
email: {
depends: function(element) {
return $("#contactform_email:checked")
}
}*/
}
})
[6] messages 类型:Options 默认:验证方法默认使用的消息
说明:用户自定义的 键/值 对消息。键为一个表单元素的name属性,值为该表单元素将要显示的消息。该
消息覆盖元素的title属性或者默认消息。消息可以是一个字符串或者一个回调函数。回调函数必须在验证器的作
用域中调用,将规则参数作为回调函数的第一个参数,将该表单元素作为回调函数的第二个参数,且必须返回
一个字符串类型的消息。
$(".selector").validate({
rules: {
name: "required",
email: {
required: true,
email: true
}
},
messages: {
http://koalaxyq.javaeye.com
1.1 jQuery验证框架(一) 可选项 (jQuery validation)
第 5 / 39 页
剩余38页未读,继续阅读
hongjunwei
- 粉丝: 1
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- RTL8188FU-Linux-v5.7.4.2-36687.20200602.tar(20765).gz
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
- SPC统计方法基础知识.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0