没有合适的资源?快使用搜索试试~ 我知道了~
首页jQuery验证框架学习笔记.pdf
jQuery验证框架学习笔记.pdf
需积分: 3 106 浏览量
更新于2023-03-03
评论
收藏 332KB PDF 举报
jQuery验证框架学习笔记,学习jQuery很有帮助。 jQuery验证框架(一) 可选项 jQuery验证框架(二)插件方法 jQuery验证框架(三、四)选择器及实用工具
资源详情
资源评论
资源推荐

目 录
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页未读,继续阅读


















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0