Enable disable RegularExpression validation on RadioButtonList selection using jQuery in ASP.Net

I want to enable regular expression validator for file upload on radio button selection. If Document is selected then regexDoc supposed to be enabled and if Photo selected then regexImg.

Problem is when we select document type = Document then validation is not proper.

If document type = photo then only thumbnails visible on screen else not.

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="DamageCargoValidation.aspx.cs" Inherits="DamageCargoValidation" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
     <script type="text/javascript">
         function Save()
         {
             $('#success').css('display', 'block');
             setInterval(function () {
                 $('#success').css('display', 'none');
             }, 3000);
         }
     </script>
    <script type="text/javascript">
        function checkdelete() {
            if (confirm(' Are you sure you want to delete this item ?')) {
                document.getElementById('<%=deletestatus.ClientID %>').value = "yes";
                return true
            }
            else {
                document.getElementById('<%=deletestatus.ClientID %>').value = "no";

                window.event.cancelBubble = true;
                if (event && event.stopPropagation) {
                    event.stopPropagation();
                }
                else if (window.event) {
                    window.event.cancelBubble = true;
                }
                else if (window.$.Event.prototype) {
                    window.$.Event.prototype.stopPropagation();
                }
            }
        }
    </script>
    <script type="text/javascript">

        function chkHeaderChanged() {
            var checkedValue = $("#datatable-responsive [id$='chkHeader']").is(":checked");
            if (checkedValue == true) {
                $("#datatable-responsive [id*=chkRow]").attr("checked", "checked");

            }
            else if (checkedValue == false) {
                $("#datatable-responsive [id*=chkRow]").removeAttr("checked");
            }
        }

        function chkRowChanged() {
            var tblrowCount = $("#datatable-responsive [id*=chkRow]").length;
            var chkCount = $("#datatable-responsive [id*=chkRow]:checked").length;

            if (tblrowCount == chkCount) {
                $("#datatable-responsive [id*=chkHeader]").attr("checked", "checked");
            }
            else {
                $("#datatable-responsive [id*=chkHeader]").removeAttr("checked");
            }
        }

</script>
    <script type="text/javascript">
        function Validate(sender, args) {
           
            var gridView = document.getElementById("datatable-responsive");
            var checkBoxes = gridView.getElementsByTagName("input");
            for (var i = 0; i < checkBoxes.length; i++) {
                if (checkBoxes[i].type == "checkbox" && checkBoxes[i].checked) {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
        }

        function ValidateModuleList(source, args) {
           
            var chkListModules = document.getElementById('<%= chkActionTaken.ClientID %>');
            var chkListinputs = chkListModules.getElementsByTagName("input");
            for (var i = 0; i < chkListinputs.length; i++) {
                if (chkListinputs[i].checked) {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
        }
</script>
    <script type="text/javascript">
        function showMyImage() {
            //var validFilesTypes = ["bmp", "gif", "png", "jpg", "jpeg"];
            // var file = document.getElementById("<%=FileUpload1.ClientID%>");
            //    var path = file.value;
            //     var ext = document.getElementById("<%=FileUpload1.ClientID%>").value.substring(path.lastIndexOf(".") + 1, path.length).toLowerCase();
        
            var checkedRadio = $("#rdDocType input[type=radio]:checked");
            var regexDoc = document.getElementById("<%= regexDoc.ClientID %>");
            var regexImg = document.getElementById("<%= regexImg.ClientID %>");
            debugger;
            if (checkedRadio.length > 0) {
                if (checkedRadio.val() == "Document")
                {
                    $('#thumbs').html('');
                    ValidatorEnable(regexDoc, true);
                    ValidatorEnable(regexImg, false);
                }
                else if (checkedRadio.val() == "Photo")
                {
                    ValidatorEnable(regexDoc, false);
                    ValidatorEnable(regexImg, true);
                    var arrFiles = $('#<%=FileUpload1.ClientID %>').get(0).files.length
                    $('#thumbs').html('');
                    for (var i = 0; i < arrFiles; i++) {
                        var fr = new FileReader();
                        fr.onload = function (e) {
                            $('#thumbs').append('<img src="' + e.target.result + '" width="50px" height="50px" style="margin-right:5px;">')
                        }
                        fr.readAsDataURL($('#<%=FileUpload1.ClientID %>').get(0).files[i]);
                    }
                }
            }
        }

                <%--for (var i = 0; i < validFilesTypes.length; i++) {
                    if (ext == validFilesTypes[i]) {
                        var arrFiles = $('#<%=FileUpload1.ClientID %>').get(0).files.length
                        $('#thumbs').html('');
                        for (var i = 0; i < arrFiles; i++) {
                            var fr = new FileReader();
                            fr.onload = function (e) {
                                $('#thumbs').append('<img src="' + e.target.result + '" width="50px" height="50px" style="margin-right:5px;">')
                            }
                            fr.readAsDataURL($('#<%=FileUpload1.ClientID %>').get(0).files[i]);
                        }
                    }
                }--%>
          
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <asp:HiddenField ID="deletestatus" runat="server" />
    <asp:HiddenField ID="hfDamageContainerId" runat="server" />
    <div id="page-title">
        <h2>Damage Cargo Verification Form</h2>
        <ul class="breadcrumb breadcrumb-top">
            <li><a href="MainPage.aspx">Home</a></li>
            <li><a href="DamageCargoValidationList.aspx">Damage Cargo</a></li>
            <li>Damage Cargo Verification</li>
        </ul>
    </div>
    <div id="success" class="alert alert-success" style="display: none">
        <p>
            Details Saved Successfully!!!!
        </p>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="example-box-wrapper">
                <div class="form-horizontal bordered-row">
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-3">
                                <label class="pull-right">SB NO.<span style="color: red">*</span></label>
                            </div>
                            <div class="col-md-6">
                                <asp:DropDownList ID="ddlSBNO" OnSelectedIndexChanged="ddlSBNO_SelectedIndexChanged" AutoPostBack="true" runat="server" CssClass="form-control" TabIndex="1">                                   
                                </asp:DropDownList>
                                <asp:RequiredFieldValidator ValidationGroup="MasterGroup" ID="RequiredFieldValidator2" ControlToValidate="ddlSBNO" InitialValue="0" ForeColor="Red" runat="server" ErrorMessage="Please select this Feild"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12"  >
                       <div class="form-group">
                           <div class="col-md-3"></div>
                            <div class="col-md-3">
                                <label class="control-label">Shipper</label>
                            
                                <asp:TextBox ID="txtShipper" runat="server" CssClass="form-control" ReadOnly="true" Width ="150px"></asp:TextBox>
                                
                            </div>
                        
                            <div class="col-md-3">
                                <label class="control-label">Consignee</label>
                           
                                <asp:TextBox ID="txtConsignee" runat="server" CssClass="form-control" ReadOnly="true" Width ="150px"></asp:TextBox>
                                
                            </div>
                       
                            <div class="col-md-3">
                                <label class="control-label">CHA</label>
                           
                                <asp:TextBox ID="txtCHA" runat="server" CssClass="form-control" ReadOnly="true" Width ="150px"></asp:TextBox>
                                
                            </div>
                           </div>
                   </div>
                   
                    <div class="col-md-12" >
                        <div class="form-group">
                            <div class="col-md-3"></div>
                            <div class="col-md-3">
                                <label class="control-label">Total Pakages</label>
                            
                                <asp:TextBox ID="txtTotalPakages" runat="server" CssClass="form-control" ReadOnly="true" Width ="150px"></asp:TextBox>
                                
                            </div>
                        
                            <div class="col-md-3">
                                <label class="control-label">Gross Wt</label>
                           
                                <asp:TextBox ID="txtGrossWt" runat="server" CssClass="form-control" ReadOnly="true" Width ="150px"></asp:TextBox>
                                
                            </div>
                           </div>                                               
                   </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-3">
                                <label class="pull-right">Carting Damage Details<span style="color: red">*</span></label>
                            </div>
                            <div class="col-md-9">
                                <table id="datatable-responsive" class="table table-striped table-bordered responsive no-wrap" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th><asp:CheckBox ID="chkHeader" runat="server" onchange="chkHeaderChanged()"/></th>
                                            <th style="display: none">ID</th>
                                            <th>Package Type</th>
                                            <th>No. of Package</th>
                                            <th>Remark</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <asp:Repeater ID="reptDamageDetails" runat="server">
                                            <ItemTemplate>
                                                <tr>
                                                    <td><asp:CheckBox ID="chkRow" runat="server" onchange="chkRowChanged()" />                                                        
                                                    </td>
                                                    <td style="display: none"><asp:HiddenField ID="hfID" runat="server" Value='<%#Eval("ID") %>' /></td>
                                                    <td><asp:Label ID="lblPackages" runat="server" Text='<%#Eval("Packages") %>'></asp:Label></td>
                                                    <td><asp:Label ID="lblNoPkges" runat="server" Text='<%#Eval("NoPkges") %>'></asp:Label></td>
                                                    <td><asp:Label ID="lblrem" runat="server" Text='<%#Eval("rem") %>'></asp:Label></td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                        <asp:CustomValidator ID="CustomValidator1" ValidationGroup="MasterGroup" runat="server" ErrorMessage="Please select at least one record."  ClientValidationFunction="Validate" ForeColor="Red" SetFocusOnError="true" Display="Dynamic"></asp:CustomValidator>
                                        <br />
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    </ContentTemplate></asp:UpdatePanel>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-sm-3">
                                <label class="pull-right">Actions Taken<span style="color: red">*</span></label>
                            </div>
                            <div class="col-sm-9">
                                <asp:CheckBoxList ID="chkActionTaken" runat="server" CssClass="form-control" TabIndex="2" style="height: 130px;border:none;">
                                    <asp:ListItem Text="Repaired Cargo" Value="Repaired Cargo"></asp:ListItem>
                                    <asp:ListItem Text="Shipper Under Taking" Value="Shipper Under Taking"></asp:ListItem>
                                    <asp:ListItem Text="Customer's Instruction" Value="Customer's Instruction"></asp:ListItem>
                                    <asp:ListItem Text="As it is" Value="As it is"></asp:ListItem>
                                </asp:CheckBoxList>
                                 <asp:HiddenField ID="hfActionTaken" runat="server" />
                                <asp:CustomValidator runat="server" ID="cvmodulelist" ValidationGroup="MasterGroup"  ClientValidationFunction="ValidateModuleList"  ErrorMessage="Please Select Atleast one Action" ForeColor="Red" SetFocusOnError="true" Display="Dynamic"></asp:CustomValidator>
                            
                            </div>
                        </div>
                    </div>
                     <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-3">
                                <label class="pull-right">Remark<span style="color: red">*</span></label>
                            </div>
                            <div class="col-md-9">
                                <asp:TextBox ID="txtRemark" runat="server" CssClass="form-control" TabIndex="3"></asp:TextBox>
                                <asp:RequiredFieldValidator ControlToValidate="txtRemark" ValidationGroup="MasterGroup" ID="RequiredFieldValidator3" runat="server" ErrorMessage="Required Field!!" SetFocusOnError="true" ForeColor="Red"></asp:RequiredFieldValidator>                        
                            </div>
                        </div>
                    </div>
                   <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-sm-3">
                                <label class="pull-right">Document Type<span style="color: red">*</span></label>
                            </div>
                            <div class="col-sm-6">
                                 <asp:RadioButtonList ID="rdDocType"  runat="server" RepeatDirection="Horizontal">
                                     <asp:ListItem Value="Document">Document</asp:ListItem>
                                    <asp:ListItem Value="Photo">Photo</asp:ListItem>
                                </asp:RadioButtonList> 
                                <asp:RequiredFieldValidator ControlToValidate="rdDocType" ValidationGroup="MasterGroup" ID="RequiredFieldValidator1" runat="server" ErrorMessage="Required Field!!" SetFocusOnError="true" ForeColor="Red"></asp:RequiredFieldValidator>                        
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-sm-3">
                                <label class="pull-right">File Upload<span style="color: red">*</span></label>
                            </div>
                            <div class="col-sm-6">                                
                                <asp:FileUpload runat="server" ID="FileUpload1" Multiple="Multiple"  onchange="showMyImage()"  />
                                <asp:RequiredFieldValidator ControlToValidate="FileUpload1" ValidationGroup="MasterGroup" ID="RequiredFieldValidator4" runat="server" ErrorMessage="Required Field!!" SetFocusOnError="true" ForeColor="Red"></asp:RequiredFieldValidator><br />
                                <asp:RegularExpressionValidator validationexpression="^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.doc|.docx|.txt|.TXT|.PDF|.pdf|.DOC|.DOCX|.xlsx|.XLSX)$" SetFocusOnError="true" ForeColor="Red" ControlToValidate="FileUpload1" Display="Dynamic" ID="regexDoc" runat="server"  ErrorMessage="Please select PDF, Excel,Docx or Text file."></asp:RegularExpressionValidator><br />
                                <asp:RegularExpressionValidator validationexpression="/^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.jpeg|.JPEG|.gif|.GIF| .png|.PNG|.bmp|.BMP|.JPG|.jpg)$/" SetFocusOnError="true" ForeColor="Red" ControlToValidate="FileUpload1" Display="Dynamic" ID="regexImg" runat="server"  ErrorMessage="Please select valid image."></asp:RegularExpressionValidator>
                                <div id="thumbs"></div>
                            </div>
                        </div>
                    </div>                   
                    <div class="col-md-12">
                        <div class="col-sm-3"></div>
                        <div class="col-sm-6">
                            <asp:DataList ID="REPT" runat="server" RepeatDirection="Horizontal" OnItemCommand="REPT_ItemCommand" RepeatColumns="5">
                                <ItemTemplate>
                                    <table class="table">
                                        <tr>
                                            <td style="display: none"><%#(Eval("ID"))%></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:Image ID="Image1" ImageUrl='<%#(Eval("path"))%>' runat="server" Height="50px" Width="50px" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete" OnClientClick="checkdelete();"  CommandArgument='<%#Eval("ID") + "," +Eval("Path")%>'><i class="glyph-icon icon-linecons-trash"></i></asp:LinkButton>
                                            </td>
                                        </tr>
                                    </table>
                                </ItemTemplate>
                            </asp:DataList>
                        </div>
                    </div>
                    <div class="clear">&nbsp;</div>

                    <div style="text-align: center;">
                        <asp:Button ID="btnSave" runat="server" Text="Save" AccessKey="s" CssClass="btn btn-primary" TabIndex="10" OnClick="btnSave_Click" ValidationGroup="MasterGroup" />
                        &nbsp;
                <a id="Cancel" href="DamageCargoValidationList.aspx" class="btn btn-danger" accesskey="x" runat="server" tabindex="11">Cancel</a>

                    </div>
                </div>
            </div>
        </div>
    </div> 
</asp:Content>