jQuery验证自定义为单选按钮的错误消息显示(jQuery validation custom e

我使用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/

文章来源: jQuery validation custom error message display for radio button