javascript - 无法使用 javascript 获取 UserControl 中 FileUpload 的属性 'value'

Question

我在母版页上包含一个 UserControl(带有 FileUpload)，如下所示:

母版页

 <uc:uploadFiles ID="UC1" runat="server"/>

上传文件.ascx

<script type="text/javascript">
function ValidateUpload() {
    var FileUpload_function = document.getElementById('myfile');

    if (FileUpload_function.value == '') {
        return false;
    }
    else {
        //do stuff        }
    return true;
}
</script>

<div id="div_FileUpload" class="FileUpload_content" runat="server">
    <asp:FileUpload ID="myfile" class="FileUpload" runat="server" />
    <asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="myfile" ClientValidationFunction="ValidateUpload" />
</div>

当我运行该页面时，我收到由 CustomValidator 引起的以下错误:无法获取未定义或空引用的属性“值”。

我的猜测是，在呈现整个页面之前验证 FileUpload 值，因为当我删除 UserControl 并将代码直接移动到 MasterPage 时，CustomValidator 工作正常。

如何解决这个问题？

Answer 1

您需要使用.ClientID在document.getElementById 。因为当您在用户控件中使用它时， cotnrol id - myfile 可能会被重命名为其他名称，例如 ct00_myfile在这种情况下，如果你执行相同的 js 代码，它会给你 null。

您需要使用以下js代码。

var FileUpload_function = document.getElementById('<%=myfile.ClientID %>');