jquery驗證：在自定義div內顯示錯誤標籤

Question

我試圖在div內顯示錯誤標籤，但它不起作用。

<div class="panel-body"> 
     <div class="well-custom datecontrol-fixed datecontrol-fixed-xs"> 
      <div class="input-group"> 
       <input type="text" class="form-control input-sm" id="TextBoxProdMoveDate" name="TextBoxProdMoveDate"/> 
         <label class="input-group-addon btn" for="TextBoxProdMoveDate"> 
          <span class="glyphicon glyphicon-calendar"></span> 
         </label> 
        </div> 
        <div id="DivProdMoveDateErrorContainer"></div> 
        </div> 
       </div> 

而且，設置這樣的規則，

required: true, 
messages: {required: "Production move date is required."}, 
errorLabelContainer: '#DivProdMoveDateErrorContainer', 

，但是，它不工作。

我期待的是，在DivProdMoveDateErrorContainer中顯示錯誤標籤。

任何建議將不勝感激。

Answer 1

jQuery驗證爲每個字段的數據的標籤是不正確的，如：

<label id="reg_name-error" class="error" for="reg_name" style="display: inline-block;">Please enter name</label> 

剛剛從DOM複製整個標籤，並將其粘貼在div內或您通過刪除錯誤味精所需的錯誤味精文字如下：

<label id="reg_name-error" class="error" for="reg_name" style="display: inline-block;"></label> 

並刷新頁面，然後重試。

說明：如果錯誤標記已經存在於頁面中，那麼驗證jquery將不會生成標籤，而是使用已經存在的標籤。

或者你可以簡單地在喜歡你的自定義地點：

$("#fm_regis").validate({ 
    rules :{ 
    name: { 
     required: true, 
    }, 
    }, 
    errorLabelContainer: "#id-of-your-specific-place", 
    // More of your code 
})