I am trying to display the error label inside a div but, it is not working.
<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>
And, setting the rule like this,
required: true,
messages: {required: "Production move date is required."},
errorLabelContainer: '#DivProdMoveDateErrorContainer',
but, it is not working.
All I am expecting is, to display the error label inside the DivProdMoveDateErrorContainer.
Any suggestion will be greatly appreciated.