Dropdown Autopostback failing on jQuery Validation errors

See more:

ASP.NET

jQuery

Hi,

We have a SP2010 site where validation is done using the jquery validate plugin. In a custom WebPart the layout has few common fields, a dropdown and multiple panels which load based on the value selected in the dropdown. The issue is that in case someone clicks on save first and there are validation errors(required field) validation the OnSelectedIndexChanged stops firing.

<asp:DropDownList ID="ddl1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddl1_SelectedIndexChanged"></asp:DropDownList>

Multiple panels, each with a save and close button:

<asp:Button ID="btnSubmit1" runat="server" Text="Save" onclick="btnSubmit1_Click" />
<asp:Button ID="btnClose1" runat="server" CssClass="cancel" CausesValidation="false" Text="Close" onclick="btnClose1_Click" />

Script- jQuery Validation:

$("form").validate({
        rules:{
	   REQUIRED VALIDATION RULES FOR MULTIPLE FIELDS
	}
    });

After the page load the dropdown posts back just fine as long as no errors have occurred but once there are validation errors then even after the errors are corrected the page does not post back on the change of dropdown.

Really appreciate any help on this.