javascript在Asp.net驗證上傳檔案的檔案類型的

來源:互聯網
上載者:User
<%@ Page Language="C#" MasterPageFile="~/VQPMaster.master" AutoEventWireup="true" CodeFile="importQuotation.aspx.cs" Inherits="ImportExcel_importQuotation" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderMain" Runat="Server">
<script type="text/javascript" src="../js/jquery-1.5.2.js"></script>
<script language="javascript" type="text/javascript">

$(document).ready(function(){
var fileUpload = $("#<%=fileUpload.ClientID%>");
var txtEmail = $("#<%=txtEmail.ClientID%>");
var lblMessage = $("#<%=lblMessage.ClientID%>");
lblMessage.text();
$("#<%=btnSubmit.ClientID%>").click(function(){
if(fileUpload.val() == ""){
fileUpload.focus();
lblMessage.text("please upload file!");
return false;
}
else // valid the upload file extension file name!
{
var hash = {
'.XLS' : 1,
'.XLSX' : 1
};
var re = /\..+$/;
var ext = fileUpload.val().toUpperCase().match(re);
if (!hash[ext]) {
lblMessage.text("Invalid filename, please select another file!");
return false;
}
}
if(txtEmail.val() == ""){
lblMessage.focus();
lblMessage.text("please input user email!");
return false;
}


})
$("#btnReset").click(function(){
lblMessage.text("")
})
})
</script>

<div id = "divUploadMain" style =" margin : 5px 0px 0px 4%; ">
<div id= "divFileUpload" style="height : 30px; margin-bottom : 5px;" >
Quote&nbsp;&nbsp;&nbsp;&nbsp;File&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;<asp:FileUpload ID="fileUpload" runat="server" Width="464px" />
</div>
<div id = "divEmail" style="height : 30px; margin-top : 5px;">
MAPS&nbsp;Email&nbsp;contact&nbsp;:
<asp:TextBox ID="txtEmail" runat="server" Width="464px"></asp:TextBox>
</div>
<div id="divBtns">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />&nbsp;
<input id="btnReset" type="reset" value="Reset" />&nbsp;
<asp:Label ID="lblMessage" runat="server" ForeColor="Red" Visible="true" Text=""></asp:Label></div>
</div>
</asp:Content>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.