I am attempting to use jQuery Multiple File Upload, but having problems with validation. The file upload control gets disabled after my validation runs, and I can't figure out why. I recreated the bare minimum here to demonstrate the problem.
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="Admin/js/jquery.MultiFile.js" type="text/javascript"></script>
<script src="Admin/js/jquery.MultiFile.preview.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function ($) {
$('.multifile').MultiFile();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
<div>
<asp:FileUpload ID="UploadFile" runat="server" class="multifile" ValidationGroup="AddProp"
accept="jpg|png|bmp|jpeg" Multiple="Multiple" maxlength="1" />
<asp:RequiredFieldValidator ID="RFVUploadFile" runat="server" ErrorMessage="Please Enter Plot/Land Area"
ControlToValidate="UploadFile" ValidationGroup="AddProp" Display="None"></asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender17" runat="server" TargetControlID="RFVUploadFile"
WarningIconImageUrl="~/images/error.gif">
</asp:ValidatorCalloutExtender>
<br />
<asp:Button ID="Button1" runat="server" ValidationGroup="AddProp" Text="Submit" />
</div>
</form>
</body>
</html>