jQuery驗證錯誤消息問題

Question

我想顯示jQuery驗證插件在特定位置生成的錯誤消息。我怎樣才能做到這一點？例如，我有2個單選按鈕，默認情況下，插件會在第一個單選按鈕（在文本「1年」之前）生成錯誤消息。我想在第二個單選按鈕之後顯示（在文本「2年」之後）。我這樣做

HTML：？

<div > 
    <label for="period">Select period</label> 
    <div class = "radio-buttons"> 
     <input type="radio" name="period" > 1 year 
     <input type="radio" name="period" > 2 years 
     <span class="error">Display error message here.</span> 
    </div>       
</div> 

我跨度顯示錯誤消息

$("#test").validate({ 
      errorElement: "span", 
    }); 

Answer 1

試試這個

，改變你的錯誤容器一個div，以避免另一跨度內的跨度。

<div class = "radio-buttons"> 
    <input type="radio" name="period" > 1 year 
    <input type="radio" name="period" > 2 years 
    <div class="error"></div> 
</div> 

Answer 2

確保你有一個像<div id="expiryyear">等適當的元素在你的代碼

。

errorPlacement: function(error, element) { 
    if (element.attr("id") == "expirymonth" || element.attr("id") == "expiryyear") 
      error.insertAfter("#expiryyear"); 
    else if (element.attr("id") == "cvv") 
      error.insertAfter("#cvvError"); 
    else if (element.attr("id") == "opt_havecreditterms" || element.attr("id") == "opt_applyforcreditterms") 
      error.insertAfter("#credit-option-error"); 
    else if (element.attr("id") == "bankstate" || element.attr("id") == "bankzip") 
      error.insertAfter("#bankzip"); 
    else 
      error.insertAfter(element); 

}