Javascript undefined innerHTML

Question

我搜索了很多内容，似乎有很多关于jQuery和我遇到的问题的讨论，但是我使用的是纯粹的JavaScript。

我遇到了无法验证输入的问题，因为它未定义。

**如果需要我的HTML，我会发布，但我认为没有它就可以解决。

function fnValidation()
    {
        var validator = /^[a-zA-Z]*$/; //regex
        var input = document.getElementById("fn").innerHTML; 

        if (!(input.match(validator)))
        {
            alert("Please enter only alphabetical characters!");
        }
        printReceipt();
    }

我从一个以前的问题中挖出了这个旧代码，并决定挽救用户名验证，但现在遇到了上述问题

Answer 1

输入元素没有innerHTML，因为它的所有值都在html＆amp;的值属性中。价值财产 在DOM内部。

你应该使用

document.getElementById("fn").value

Answer 2

应该是var input = document.getElementById（＆＃34; fn＆＃34;）。value而不是innerHTML

Answer 3

.innerHTML将返回此id标记示例中的字符串： jsfiddle

<h1 id="fn">Hello World!</h1> id是＆＃39; fn＆＃39; innerHTML是Hello Wold！