How to make jquery validation for dynamically created controls
hi allbelow is my code and my div that jquery calls and that will add row with one dropdown and textbox so i f i not selected dropdown and click on submit button then it should show please select any value
var rc = 1;
var Lid = 1;
function addNextRow(currentEle) {
if(rc>9)
{
alert("ly 10 app alwd");
}
else{
rc++;
Lid++;
$("#maintable tr:last").after("<tr id=lineRow_"+Lid+" class='data-contact-person'><td colspan=5></td><td>"+$("#hdnSupplier").html()+"</td><td id=ftd><input name='Approver1Name' class='form-control Approver1Name' style='width: 100%; float: left;' data-val='true' id='Approver1Name"+Lid+"' readonly='true' required='required' value=''></td><td> <a href='#'><img src='@Url.Content("~/images/plus.jpg")' id='AddAttr' width=16px height=16px title='Add Approver' onclick='addNextRow(this);return false;'></a><a href='#'><img src='@Url.Content("~/images/cross.jpg")' width=16px height=16px title='Remove Approver' onclick='removerow(this);return false;'></a></td></tr>");
}
}
""""""""""""this is div""""""""""""""""""
<div id="hdnSupplier" style="display:none;">
@Html.DropDownListFor(model => model.Approver1, (IEnumerable<SelectListItem>)ViewBag.Approver, "Select", new { Name = "Approver1", onchange = "getApprover1(this.options[this.selectedIndex].value,this);", @class = "form-control Login01 required", required = "required", style = "width:100%" })
</div>