.length在javascript中显示值1

时间:2014-04-22 04:55:46

标签: javascript

我有以下表格

<form name="client-login" method="post" onsubmit="return Check_form();">
  <label>Email</label><input type="text" name="client-email" value=""><br/>
  <label>Password</label><input type="password" name="password"  value="">
  <input type="submit" name="submit" value="submit"">
</form>

以下是javascript函数Check_form()

   <script>
function Check_form()
{
    var email    = document.getElementsByName("client-email");
    var password = document.getElementsByName("password");
    alert(email.length);
    if(email.length == null)
    {
        email.style.border='1px solid red';
        return false;
    }
    else if(password.length == null)
    {
        password.style.border='1px solid red';
        return false;
    }
    return false;
}

</script>

但是,尽管我提交了空字段,但它提醒客户端电子邮件的值为1。 知道什么是错的。

3 个答案:

答案 0 :(得分:5)

在上面的JS中,您已经使用了email变量,其中包含名为&#34; client-email&#34;的电子邮件文本字段数组。

要查看电子邮件,请使用以下命令:

alert(email[0].value.length);

答案 1 :(得分:3)

document.getElementsByName()返回nodeList。

使用document.getElementById()

您可以使用document.getElementsByName("client-email")[0]来返回该节点列表中的第一个元素

答案 2 :(得分:2)

document.getElementsByName()返回一个数组

所以在你的情况下使用document.getElementById()