forms - 单选按钮的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);
            }
        }

    });

});​

工作演示：

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