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和使用上，左的錯誤信息的位置或底部屬性，你可以調整你想要顯示的位置。