使用JavaScript获取文本框值或内容的长度

Question

这是一件让我困扰的事情：

我有这段代码，并且它能够工作：在沉迷于JQuery之前，我正在尝试学习JavaScript。我的示例项目涉及获取文本框的值，并根据其长度进行验证。表单的名称是membership。

例如：以下代码可以正常工作：

function validateForm()
{
    var element = document.membership;

    if(element.txtName.value == "")
    {
        element.txtName.className = "alert";
    }
    else
    {
        element.txtName.className = "";
    }
}

但这个不行：

function validateForm()
{
    var element = document.membership;
    var nameLenght = element.txtName.value.lenght;

    if(nameLenght < 1)
    {
        element.txtName.className = "alert";
    }
    else
    {
        element.txtName.className = "";
    }
}

提醒一下：我刚开始学习JavaScript，但已经非常熟悉语法。我只想学习基础并逐步提高。

我甚至在这里读了一些解决方案，但感觉自己越陷越深。

谢谢你的帮助。

- Asynchronous

---

你是真的想说长度（length）还是笔误打成了lenght？ - PSL

你能通过使用document.membership来检索元素吗？我建议使用document.getElementById()或getElementsByClassName()。 - MartinElvar

对不起，我的意思是长度。我的错。这就是太习惯智能感知了。我正在使用NotePad。 - Asynchronous

感谢我的朋友们。我已经习惯了在Visual Studio和强类型语言中编写C#代码。我必须非常小心，因为我会拼错但从未收到错误。即使我将代码粘贴到Dreamweaver CS6中也是如此。顺便说一下：我使用var element = document.membership;的原因是我不想逐个按ID调用每个元素，这是一个坏习惯吗？ - Asynchronous

那么问题真的是拼写错误吗？那你应该撤销编辑。 - Felix Kling

@Filix Kling：我已经做了，再次感谢！ - Asynchronous

Answer 1

可能只是在这里length中因为打错了一个字母：

element.txtName.value.lenght;

必须是element.txtName.value.length;。

如果您想在用户每次按键时运行它，请参阅此处：如何使用JavaScript检查字符串长度

- Ivan Chernykh

Answer 2

你也可以使用这个函数

var a = txtName.value;
            if (a.length < 1) {
                alert('your message');
                return false;
            }

- Aruna Prabhath