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

JavaScript runtime error Unable to get property 'value' of undefined or null reference

本文关键字:引用 未定义 运行时错误 null 属性 JavaScript 获取      更新时间:2023-09-26

我无法访问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运行时错误:无法获取未定义或空引用的属性"value"

这意味着id为txtUsername的元素不存在。在创建元素之前执行脚本。

你应该把你的脚本放在页面的底部,或者使用

window.onload = function() {} 

您将在其中执行代码。