JavaScript 运行时错误无法获取未定义或空引用的属性 'value'

Question

我无法访问 JS 文件中的变量。

在同一页面中编写时，验证工作正常。但是当我将验证代码粘贴到单独的 JS 文件中时，它不起作用。

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

    <script src="Scripts/NewValidation.js" type="text/javascript"></script>
<table id="tblUpdateReg">
        <thead>
            <tr>
                <td>
                    Update Details
                </td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <div>
                        Username :
                    </div>
                </td>
                <td>
                    <input type="text" runat="server" id="txtUsername" />
                </td>
            </tr>
</tbody>
</table>
</asp:Content>

JS文件:

function Validate() {

    var username= document.getElementById("txtUsername").value;

    if (username== "") {
        alert("username Required.");
        return false;
    }



    return true;

}

错误:JavaScript 运行时错误:无法获取未定义或 null 引用的属性“值”

Answer 1

表示id为txtUsername的元素不存在。您可以在创建元素之前执行脚本。

您应该将脚本放在页面底部或使用

window.onload = function() {} 

您将在其中执行代码。