我正在构建一个页面,用于在服务器上上传Excel文件以进行导入操作。所以一个javascript检查文件选中文件扩展名void其他文件类型。现在我正在尝试启用上传ASP.NET按钮,但javascript返回错误document.getElementById(...)
为空。
这里是代码:
<script type="text/javascript" language="javascript" defer="defer">
function enableControl() {
document.getElementById('button').disable = false;
}
function disableControl() {
document.getElementById('button').disable = true;
}
function checkExcelFileUpload(elem) {
var filePath = elem.value;
if (filePath.indexOf('.') == -1)
return false;
var validExtensions = new Array();
var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();
//Add valid extentions in this array
validExtensions[0] = 'xls';
//validExtensions[1] = 'pdf';
for (var i = 0; i < validExtensions.length; i++) {
if (ext == validExtensions[i])
return true;
}
elem.value = '';
alert('Sono ammessi solo file di Excel 97-2003');
return false;
}
</script>
<asp:FileUpload ID="fileupload" runat="server" size="50" onchange="javascript:try{if(checkExcelFileUpload(this) == true){enableControl();}else{disableControl();}}catch(err){alert(err);};" />
<asp:Button ID="button" runat="server" Text="Upload" Enabled="False" />
我在互联网上发现,我找到了getElementById
的其他语法,但我仍然有这个问题。
你能救我吗?
谢谢
答案 0 :(得分:6)
选项1
由于您的按钮是服务器端控件,因此呈现的ID将与您指定的不同。使用以下代码生成ctl$body$button
(这些行中的内容取决于控件的嵌套)。
document.getElementById('<%= button.ClientID %>')
选项2
如果您使用的是ASP.NET 4,则可以使用Static
客户端ID模式。
<asp:Button ID="button" runat="server" ClientIDMode="Static" Text="Upload" Enabled="False" />
答案 1 :(得分:2)
而不是:
document.getElementById('button').disable = false;
你可能想要:
document.getElementById('<%= this.button.ClientID %>').disabled = false;