单选按钮的jQuery验证自定义错误消息显示

时间:2012-06-20 15:35:41

标签: forms jquery-validate

我正在使用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>

现在,第一个单选按钮后出现错误。

1 个答案:

答案 0 :(得分:5)

这是有效的:

$(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/