getElementById Java Script Html 不起作用

Question

上面的 Html（Html 頁面的一部分）和 JavaScript 代碼應該檢查用戶名的有效性。
代碼不起作用（我不明白是否需要使用var username = document.getElementById('text_UserName').value;或var username = document.getElementById('text_UserName') ）。

感謝幫助 ：）

編輯新的 Java 腳本：

function checkUsername(idUsername)
// של שדה של שם משתמש id הפעולה מקבלת
// הפעולה מחזירה אמת אם שם המשתמש עומד בתנאי התקינות, ושקר אחרת
{
    var username = document.getElementById(idUsername);
    var flag = true;
    alert(username.length);

    if (username.length < 3)
    {
        // err_UserName הוא השם של הטי די של השגיאה שם שם המתשמש
        document.getElementById("err_UserName").innerHTML = "<p>Username must be at least 3 characters long</p>";
        flag = false;
    }

    for (var i = 0; i < username.length; i++) {
        if (!((username.charCodeAt(i) >= 48 && username.charCodeAt(i) <= 57) || (username.charCodeAt(i) >= 65 && username.charCodeAt(i) <= 90) || (username.charCodeAt(i) >= 97 && username.charCodeAt(i) <= 122)))
        {
            document.getElementById("err_UserName").innerHTML = "<p>The username must contain only numbers and alphabetical letters</p>";
            flag = false;
        }
    }
    return flag;
}

Html（相關代碼）：

<input type="submit" id="submit_Submit" name="submit_Submit" value="Submit" onclick="return checkUsername('text_UserName')">

根據要求編輯新的 Html 代碼：

<th>User Name: (Maximum 10 digits)</th>
<td><input type="text" id=" UserName" name="text_UserName"></td>
<td><p id="err_UserName"></p></td>

Answer 1

如果 html 元素是<input id="text_UserName" type="text" />這應該有效

var username = document.getElementById('text_UserName').value;

見： https : //www.w3schools.com/jsref/prop_text_value.asp