I have several different fieldsets in a long form each one structured slightly differently. I have one that I can't get the error message to show up
HTML:
<form>
<fieldset id="Initial>
<div class="section">
<h3>Do you wish to add <span>Market Depth,</span> the ability to view <span>Nasdaq Level II data</span> and <span>futures market depth?</span></h3>
<span class="row"><label><input type="checkbox" name="MKDPT" id="MKDPT">Add Market Depth</label></span>
</div>
</fieldset>
</form>
I want to inject the error element "p" after the span class row
js:
....
errorElement: "p",
errorPlacement: function(error, element)
{
if( element.closest("#final_step").length ) {
error.appendTo( element.parent("li"));
} else if( element.closest("#EX_AGREEMENT").length ) {
element.closest('li').after(error);
} else if( element.closest("#Initial").length ) {
error.insertAfter( element.parent("div"));
} else {
error.insertAfter(element.parent("li"));
}
},
....
should note the input #MKDPT is getting the error class