getElementById Java Script Html不起作用

时间:2018-02-23 16:51:16

标签: javascript html html5 forms getelementbyid

以上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>

1 个答案:

答案 0 :(得分:-1)

如果html元素是<input id="text_UserName" type="text" />

,这应该有用
var username = document.getElementById('text_UserName').value;

请参阅:https://www.w3schools.com/jsref/prop_text_value.asp