單選按鈕的jQuery驗證自定義錯誤消息顯示

Question

我正在使用jQuery驗證並嘗試獲取一對單選按鈕顯示在第一個按鈕之前的錯誤消息。

這裏是驗證：

errorPlacement: function(error, element) { 
if (element.attr("type") == "radio") 
    error.insertBefore(element.first()); 
else 
    error.insertAfter(element); 
} 

下面是HTML：

<div class="full"> 
<label id="sample">Have you received your sample pack?</label> 

<input type="radio" name="sample" id="sample_yes" value="yes" /> 
<label for="eliteflexsample_yes">Yes</label> 

<input type="radio" name="sample" id="sample_no" value="no" /> 
<label for="eliteflexsample_no">No</label>  
</div> 

眼下錯誤顯示第一個單選按鈕後了。

Answer 1

這是工作：

$(document).ready(function() { 

    $('form').validate({ 

     // your validation options, 

     errorPlacement: function(error, element) { 
      if (element.attr("type") == "radio") { 
       error.insertBefore(element); 
      } else { 
       error.insertAfter(element); 
      } 
     } 

    }); 

});​ 

Working Demo:

http://jsfiddle.net/DR5Aw/2/