2015-04-24 93 views
-1

使用JQuery我限制文件的擴展名,但我遇到的一個問題是「如果我沒有上傳任何視頻,我只是點擊上傳按鈕而無法驗證」。這是我的代碼,我必須做什麼編輯?如何在asp.net中限制空文件上傳控件

Sample.aspx

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

$(function() { 
    $('#<%=FileUploadbtn.ClientID %>').change(
      function() { 
       var fileExtension = ['mp4']; 
       if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) { 
        // alert("Invalid"); 
        $('#<%=uploadbtn.ClientID %>').attr("disabled", true); 
        $('#<%= lblError.ClientID %>').html("Invalid"); 
       } 
       else { 
        $('#<%=uploadbtn.ClientID %>').attr("disabled", false); 
        $('#<%= lblError.ClientID %>').html(" "); 
       } 
      }) 
}) 

ASPX代碼

<asp:FileUpload ID="FileUpload1" runat="server" /> 
<asp:Button ID="Button1" runat="server" Text="Upload" CssClass="button" OnClick="uploadbtn_Click" /> 
<asp:Label ID="lblError" runat="server" Text="Label"></asp:Label> 
+0

爲什麼要使用JavaScript,你可以簡單的做到這一點'RequiredFieldValidator' – BNN

+0

我需要只玩MP4文件,所以我使用JavaScript,這是可能的RequiredFieldValidator的?你可以分享代碼,根據我的要求嗎?請幫助 –

+0

你需要搜索一下視頻上傳。除此之外,我的答案將工作文件上傳 – BNN

回答

0

使用的文件上傳control.Works就好了 '的RequiredFieldValidator'。

+0

如何編寫requiredfieldvalidator,你可以解釋我的代碼?如何編寫 –

+0

代碼已由'Nadeem'給出,我想它的工作。 – RelatedRhymes

0

有沒有必要使用Javascript,因爲你正在實施它。您可以簡單地使用asp.net Required Field驗證器來實現您想要實現的內容。

在這裏,你走了,它很簡單: -

<asp:FileUpload ID="FileUploadbtn" runat="server" /> 
<asp:RequiredFieldValidator ID="requpload" runat="server" ControlToValidate="FileUploadbtn" ValidationGroup="abc" ErrorMessage="Please select the file"></asp:RequiredFieldValidator> 
<asp:Button ID="uploadbtn" runat="server" Text="Upload" CssClass="button" OnClick="uploadbtn_Click" ValidationGroup="abc" /> 

注意不要忘記添加ValidationGroup,因爲它會正確地驗證到該屬性被添加

這裏控制一些文檔與必需的字段驗證程序相關。請通過鏈接瞭解一些知識。

RequiredField Validator

希望幫助

+0

WebForms UnobtrusiveValidationMode需要爲'jquery'提供ScriptResourceMapping。請添加一個名爲jquery的ScriptResourceMapping(區分大小寫)。 「我正在得到這個錯誤..」 –

+0

U需要刪除jQuery代碼並嘗試 – BNN

+0

其實我得到相同的錯誤....如果我刪除RequiredFieldValidator它的工作,但空文件也上傳 –