Как выбрать минимум три файла в управлении загрузкой файлов

Question

Как выбрать минимум три файла для загрузки нескольких файлов. Управление

Должен ли я добавить КОМПЛЕКТ ИНСТРУМЕНТА УПРАВЛЕНИЯ ЗАГРУЗКОЙ ФАЙЛА AJAX

Я хочувыберите не менее трех файлов для управления загрузкой файлов, и когда я выберу менее трех файлов, я хочу получить предупреждение на самой стороне клиента. Где я должен изменить свой существующий код? Где я делаю что-то не так, пожалуйста, направьте меня:

Мой код в aspx:

<label>Root Cause Image<span style="color: #ff0000;">*</span></label>
<asp:FileUpload ID="FileUpload_RootCause" runat="server" 
    accept=".png,.jpg,.jpeg,.gif" 
    multiple="multiple" 
    type="file" 
    name="image[]" />
<asp:RegularExpressionValidator ID="rev1" runat="server"
    ControlToValidate="FileUpload_RootCause" 
    required="This Field is Required" 
    ErrorMessage="Only JPG and PNG are allowed" 
    ValidationExpression=".*((\.jpg)|(\.JPG)|(\.png)|(\.PNG))" 
    CssClass="red">
</asp:RegularExpressionValidator>

<script>
    $("#FileUpload_RootCause").on("change", function () 
    {
        if ($("#FileUpload_RootCause")[0].files.length < 3) 
        {
            alert("You have to select minimum 3 images to proceed Further");
        }
        else
        {
            $("#imageUploadForm").submit();
        }
    });
</script>

Выше код вообще не работает, не знаю почему ?, Я попробовал 2-й подходя попробовал что-то вроде этого

И я получаю то же самое, что и предыдущий, но не выдает никаких предупреждений, почему? и где я делаю не так

 <asp:FileUpload ID="FileUpload_RootCause"  runat="server" 
        accept=".png,.jpg,.jpeg,.gif" AllowMultiple="true"  />
<script>
        function ValidateFile2() {
        var fileCount = 
        document.getElementByID('FileUpload_RootCause').files.length;
        if (fileCount < 3)
        {
        alert("Please select minimum 3 images..!!!");
        return false;
        }
        else if (fileCount <= 0) 
        {
        alert("Please select at-list 1 image..!!!");
        return false;
        }

        return true;
        }
</script>

Answer 1

Я пробовал Нечто подобное

     <asp:FileUpload ID="FileUpload_RootCause" runat="server"  accept=".png,.jpg,.jpeg,.gif" required="This Field is Required" AllowMultiple="true"  onchange="Validate()"/>
     <asp:RegularExpressionValidator ID="rev1" runat="server" ControlToValidate="FileUpload_RootCause" ErrorMessage="Only JPG and PNG are allowed" ValidationExpression=".*((\.jpg)|(\.JPG)|(\.png)|(\.PNG))" CssClass="red"></asp:RegularExpressionValidator>
    <script >
     function Validate() {
          debugger;
          var fileCount = document.getElementById("ContentPlaceHolder1_FileUpload_RootCause").files.length;
          if (fileCount <3 ){
             alert("You have to Select Minimum 3 images to Proceed Further");
             document.getElementById("ContentPlaceHolder1_FileUpload_RootCause").value = null;
   }
}
 </script>

Answer 2

Пожалуйста, проверьте код ниже, он работает, просто проверьте его.

<%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="WebApplication3.About" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

    <label>Root Cause Image<span style="color: #ff0000;">*</span></label>
    <asp:FileUpload ID="FileUpload_RootCause" runat="server"
        accept=".png,.jpg,.jpeg,.gif"
        multiple="multiple"
        type="file"
        name="image[]" />
    <asp:RegularExpressionValidator ID="rev1" runat="server"
        ControlToValidate="FileUpload_RootCause"
        required="This Field is Required"
        ErrorMessage="Only JPG and PNG are allowed"
        ValidationExpression=".*((\.jpg)|(\.JPG)|(\.png)|(\.PNG))"
        CssClass="red">
    </asp:RegularExpressionValidator>


    <script>

        $(document).ready(function () {

            $("#MainContent_FileUpload_RootCause").on("change", function () {
                if ($(this)[0].files.length < 3) {
                    alert("You have to select minimum 3 images to proceed Further");
                }
                else {
                    $("#imageUploadForm").submit();
                }
            });
        });

    </script>

</asp:Content>