jQuery验证消息问题

Question

我有这样

<input type="radio" name="specific_parent" id="parent_one" class="radio" value="existing_parent"><label class="redio_label" for="existing_parent">Existing Parent</label> 
<input type="radio" name="specific_parent" id="parent_two" class="radio" value="prospective_parent"><label class="redio_label" for="prospective_parent">Prospective Parent</label> 
<input type="radio" name="specific_parent" id="parent_third" class="radio" value="other"><label class="redio_label" for="other">Other</label> 

我已经申请jQuery验证这样三个输入单选按钮：

rules: { 
    specific_parent: { 
     required: true 
    } 
}, 
messages: { 
    specific_parent: { 
     required: 'Please select radio button' 
    } 
} 

问题是，它显示第一输入单选按钮后的错误消息，并我的布局是休息。

Answer 1

使用errorPlacement

errorPlacement: function (error, element) { 
     error.insertBefore(element); 
} 

Answer 2

<div class="input-container"> 
<input type="radio" name="specific_parent" id="parent_one" class="radio" value="existing_parent"><label class="redio_label" for="existing_parent">Existing Parent</label> 
<input type="radio" name="specific_parent" id="parent_two" class="radio" value="prospective_parent"><label class="redio_label" for="prospective_parent">Prospective Parent</label> 
<input type="radio" name="specific_parent" id="parent_third" class="radio" value="other"><label class="redio_label" for="other">Other</label> 
</div> 
<style type="text/css"> 
.input-container{position:relative;} 
</style> 

你必须添加输入你的父母DIV的CSS然后换用现在的位置绝对在CSS和使用上，左的错误信息的位置或底部属性，你可以调整你想要显示的位置。