BlueFuture
- 浏览: 53093 次
- 性别:
- 来自: 大连
-
最近访客 更多访客>>
最新评论
-
lovefly_zero：
很感谢你的文章 不过调整一下排版吧 冗余code太多了。
jQuery验证框架（六）内置验证方法 (jQuery validation) -
tomorrow009：
受交了~
RoR的部署方案选择
文章列表
jQuery验证框架 七、注意事项 [1]复杂的name属性值 当使用rules选项时，如果表单的name属性值包含有非法的javascript标识符，必须将name值加上引号。
Js代码
$("#myform").validate({
rules: {
// no quoting necessary
name: "required",
// quoting necessary!
"user[email]": &quo ...
jQuery验证框架 六、框架内建的验证方法( List of built-in Validation methods ) [1] required( ) 返回：Boolean 说明：让表单元素必须填写（选择）。 如果表单元素为空(text input)或未选择(radio/checkbox)或选择了一个空值(select)。 作用于text inputs, selects, checkboxes and radio buttons. 当select提供了一个空值 ...
jQuery验证框架 五、验证器( Validator ) validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法，不过只有文档中给出的这些方法是专为使用而设计的。 (一)验证器方法(Validator methods) [1] form() 返回：Boolean 说明：验证表单是否通过验证，若通过验证则返回true，反之返回false。这个方法在正常的提交事件(submit event)触发，它返回一个结果。
Js代码
...
jQuery验证框架 三、定制的选择器(Custom Selectors) [1] :blank 返回：Array<Element> 说明：匹配所有空值的表单元素。没有任何值或都空白符(whitespace)都被认为是空值。 它是由 jQuery.trim(value).length == 0 来判断的。
Js代码
$("input:blank").css("background-color", "#bbbbff");
$(&qu ...
jQuery验证框架 二、插件方法( Plugin methods ) [1] validate( [options] ) 返回：Validator 说明：见第一部分 [2] valid() 返回：Boolean 说明：检查表单是否已通过验证。
Js代码
$("#myform").validate();
$("a.check").click(function() {
alert("Valid: " + $("#myfor ...
jQuery验证框架
Html代码
<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=
属性 [1] attr( name ) Returns: Object 说明： 获取第一个匹配元素的属性值。该方法使得获取第一个匹配元素的属性值变得非常容易。如果一个元素没有设置相应的属性，则该方法返回undefined，属性包括：title, alt, src, href, width, style等等。
Js代码
var title = $("em").attr("title");
var title = $("em").attr("title&qu ...
表单过滤器 [1] :enabled Returns: Array<Element(s)> 说明： 匹配所有可用的表单元素。
Js代码
$("input:enabled").val("this is it");
$("input:enabled").val("this is it");
[2] :disabled Returns: Array<Element(s)> 说明： 匹配所有不可用的表单 ...
表单选择器 [1] :input Returns: Array<Element(s)> 说明： 匹配所有input, textarea, select和button元素。
Js代码
var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Found " + allInputs.length + " ...
子节点过滤器 [1] :nth-child(index/even/odd/equation) Returns: Array<Element(s)> 说明： 匹配一个指定元素的第几个子节点元素或一个指定元素的奇数或偶数下标的元素。 然而：:eq(index)只匹配单个元素,这个方法不只匹配一个元素：每个父节点下均有一个匹配元素。even,odd,equation在每个父节点下都可以匹配多个元素。不同于:eq()以0开始的索引，此方法的索引以1开始。
Js代码
$("ul ...
属性过滤器 注意：在jQuery1.3中，[@attr] 形式的选择器已被移除(它们在1.2版本中被弃用)。为了使它们能够继续使用，你只要简单的将选择器中的"@"符号删除。 [1] [attribute] Returns: Array<Element(s)> 说明： 匹配给定属性的所有元素。注意：自从版本1.2起，属性名前的"@"符号被弃用。
Js代码
$("div[id]").one("click", function(){ ...
可见性过滤器 [1] :hidden Returns: Array<Element(s)> 说明： 匹配所有的隐藏元素。在jQuery 1.3.2中，隐藏元素的计算方式有所改变。假设一个元素是不可见的，那么它或者它的父节点在文档流中不占用任何空间。css visibility属性设置的元素不考虑在内。(虽然visibility属性可以让元素不可见，但元素在文档流中还是占有空间的)
Js代码
$("span:first").text("Found " + $(":hidden ...
内容过滤器 [1] :contains(text) Returns: Array<Element(s)> 说明：匹配包含给定文本的所有元素。
Js代码
$("div:contains('John')").css("text-decoration", "underline");
$("div:contains('John')").css("text-decoration", "underli ...
基本过滤选择器 [1] :first Returns: Array<Element> 说明： 匹配选中集合中的第一个元素。
Js代码
$("tr:first").css("font-style", "italic");
$("tr:first").css("font-style&q ...
层级选择器 [1] ancestor descendant Returns: Array<Element(s)> 说明： 返回"descendant"匹配的且为"ancestor "匹配元素的所有子孙元素。
Js代码
$("form input").css("border", "2px dotted blue");
$("form input").css("border& ...