jQuery驗證和組 - 如何避免errorPlacement使用？

Question

groups使用的電流example說errorPlacement應該被定義，其中的字段的名稱是硬編碼：

$("#myform").validate({ 
    groups: { 
    username: "fname lname" 
    }, 
    errorPlacement: function(error, element) { 
    if (element.attr("name") == "fname" 
       || element.attr("name") == "lname") 
     error.insertAfter("#lastname"); 
    else 
     error.insertAfter(element); 
    }, 
    debug:true 
}) 

有沒有什麼辦法讓字段名爲擺脫這種errorPlacement的？錯誤消息應始終放在組中的最後一個元素之後。

Answer 1

我認爲你將不得不使用errorPlacement，但你可以拉出一些技巧，每次得到的錯誤以一致的地方羣體中：

$("#test-form").validate({ 
    groups: { 
     username: "fname lname", 
     range: "min max" 
    }, 
    errorPlacement: function ($error, $element) { 
     var elementName = $element.attr("name"), 
      lastInGroup = $.map(this.groups, function(fields, name) { 
      var fieldsArr; 
      if (fields.indexOf(elementName) >= 0) { 
       fieldsArr = fields.split(" "); 
       return fieldsArr[fieldsArr.length - 1]; 
      } else { 
       return null; 
      } 
      })[0]; 

     if (lastInGroup) {  
      $error.insertAfter($("input[name='" + lastInGroup + "']")); 
     } else { 
      $error.insertAfter($element); 
     } 
    } 
}); 

基本上，訪問groups對象您已經定義並找到每個組中的最後一個字段。在該字段後附加錯誤。

例子：http://jsbin.com/acenic/