jQuery驗證框架(3、四)選擇器及實用工具 (jQuery validation)

jQuery驗證框架


3、定製的選擇器(Custom Selectors)

[1]  :blank       返回:Array<Element>
      說明:匹配全部空值的表單元素。沒有任何值或都空白符(whitespace)都被認爲是空值。
                  它是由 jQuery.trim(value).length == 0 來判斷的。css

Js代碼
  1. $("input:blank").css("background-color""#bbbbff");  


[2]  :filled       返回:Array<Element>
      說明:匹配全部不爲空的表單元素。任何值均可以認爲是已輸入的,但只有空白符的值除外。
                  它是由 jQuery.trim(value).length > 0 來判斷的。數組

Js代碼
  1. $("input:filled").css("background-color""#bbbbff");  


[3]  :unchecked       返回:Array<Element>
      說明:匹配全部未選擇的表單元素。反向操做爲 :checked框架

Js代碼
  1. function countUnchecked() {  
  2.     var n = $("input:unchecked").length;  
  3.     $("div").text(n + (n == 1 ? " is" : " are") + " unchecked!");  
  4. }  
  5. countUnchecked();  
  6. $(":checkbox").click(countUnchecked);  




4、實用工具(Utilities)

  jQuery.validator.format( template, [argument], [argumentN...] )        返回:String
      參數 template     類型:String    要格式化的字符串
      參數 argument (Optional)    類型:String, Array<String>    用字符串或字符串數組(對應索引的元素)填充第一個佔位符
      參數 argumentN... (Optional)    類型:String    填充第二個或以後的佔位符。
      說明:用參數來填充{n}佔位符。除template外的一個或多個參數均可以用來填充相應的佔位符。koa

Js代碼
  1. $(document).ready(function(){  
  2.     $("button").click(function () {  
  3.        var str = "Hello {0}, this is {1}";  
  4.        alert("'" + str + "'");  
  5.        str = jQuery.validator.format(str, "World""Bob");  
  6.        //str = $.validator.format(str, ["koala","oo"]);  
  7.        alert("'" + str + "'");  
  8.     });  
  9. }); 
相關文章
相關標籤/搜索