jQuery验证框架（三、四）选择器及实用工具 (jQuery validation)

[b][size=large]jQuery验证框架[/size][/b]


[b][color=green][size=medium]三、定制的选择器(Custom Selectors)[/size][/color][/b]

[size=medium][b][1][color=indigo] :blank [/color][/b][/size] [color=blue]返回：Array<Element>[/color]
[color=olive]说明：[/color]匹配所有空值的表单元素。没有任何值或都空白符(whitespace)都被认为是空值。
它是由[b][color=brown][size=small] jQuery.trim(value).length == 0 [/size][/color][/b]来判断的。

$("input:blank").css("background-color", "#bbbbff");

[size=medium][b][2][color=indigo] :filled [/color][/b][/size] [color=blue]返回：Array<Element>[/color]
[color=olive]说明：[/color]匹配所有不为空的表单元素。任何值都可以认为是已输入的，但只有空白符的值除外。
它是由[b][color=brown][size=small] jQuery.trim(value).length > 0 [/size][/color][/b]来判断的。

$("input:filled").css("background-color", "#bbbbff");

[size=medium][b][3][color=indigo] :unchecked [/color][/b][/size] [color=blue]返回：Array<Element>[/color]
[color=olive]说明：[/color]匹配所有未选择的表单元素。反向操作为 [color=indigo]:checked[/color]

function countUnchecked() {
    var n = $("input:unchecked").length;
    $("div").text(n + (n == 1 ? " is" : " are") + " unchecked!");
}
countUnchecked();
$(":checkbox").click(countUnchecked);

[b][color=green][size=medium]四、实用工具(Utilities)[/size][/color][/b]

[size=medium][b][color=indigo] jQuery.validator.format( template, [argument], [argumentN...] ) [/color][/b][/size] [color=blue]返回：String[/color]
[color=green]参数 template[/color] [color=brown]类型：String[/color] 要格式化的字符串
[color=green]参数 argument[/color] [color=gray](Optional)[/color] [color=brown]类型：String, Array<String>[/color] 用字符串或字符串数组(对应索引的元素)填充第一个占位符
[color=green]参数 argumentN... [/color] [color=gray](Optional)[/color] [color=brown]类型：String[/color] 填充第二个或之后的占位符。
[color=olive]说明：[/color]用参数来填充{n}占位符。除template外的一个或多个参数都可以用来填充相应的占位符。

$(document).ready(function(){
    $("button").click(function () {
       var str = "Hello {0}, this is {1}";
       alert("'" + str + "'");
       str = jQuery.validator.format(str, "World", "Bob");
       //str = $.validator.format(str, ["koala","oo"]);
       alert("'" + str + "'");
    });
});

[color=green]原文请见：[/color][url]http://docs.jquery.com/Plugins/Validation[/url]


--------------------------------------------------------------------------------------------------------------------------------------------------------------