为什么不'；t jQuery/JavaScript（classname或id）.value.length在验证用户名时是否有效？

document.getElementById（“button1”）.addEventListener（“单击”，鼠标盖1）；
函数mouseOver1（）{
document.getElementById（“button1”）.style.color=“红色”；
}
document.getElementById（“按钮2”）。addEventListener（“单击”，鼠标悬停）；
函数mouseOver（）{
document.getElementById（“button2”）.style.color=“紫色”；
}
$（“#按钮1”）。悬停（函数（）{
$（this.css（'cursor'，'pointer'）；
}); 
$（“#按钮2”）。悬停（函数（）{
$（this.css（'cursor'，'pointer'）；
}); 
$（'#button1'）。在（'click'，函数（）{
var误差=0；
var usernamererror=document.getElementById（“username_error1”）；
var passwordError=document.getElementById（“password_error2”）；
if（$（“.existingUsername”）.get（0.value！=“S0104675”）{
usernameError.innerHTML=“请输入现有的有效用户名”；
误差=1；
}否则{
usernameError.innerHTML=''；
} 
if（$（“.existingPassword”）.get（0）.value！=“honor433”）{
passwordError.innerHTML=“请输入现有有效密码”；
误差=1；
}否则{
passwordError.innerHTML=''；
}
如果（错误==0）
{  
$（“#para1”）.animate（{左：“-100%”）；
$（“.username label”）.animate（{左：“-105%”）；
$（.existingUsername”）.animate（{左：“-105%”）；
$（“.password label”）.animate（{左：“-105%”）；
$（.existingPassword”）.animate（{左：“-105%”）；
$（“#按钮1”）。动画（{左：“-105%”）；
}
});
$（'#按钮2'）。在（'单击'，函数（）{
var newusernamererror=$（“#New#u Username_error”）.html（“”）；
var newPasswordError=$（“#New#u Password_error”）.html（“”）；
var newEmailAddressError=$（“#New#Email_error”）.html（“”）；
var newRepeatEmailAddressError=$（“#Repeat_Email_error”）.html（“”）；
//为了使后面的条件更易于阅读，让我们将所有的值抓取到变量中：
var newUsername=$（'.newUsername'）.val（）；
var newPassword=$（'.newPassword'）.val（）；
var newEmail=$（'.newEmail'）.val（）；
var repeatEmail=$（'.repeatEmail'）.val（）；
var errorsFound=false；
如果（newUsername==“”）{
errorsFound=true；
newUsernameError.html（“用户名不能为空。”）；
}else if（newUsername.length<6）{
errorsFound=true；
html（“用户名必须至少包含6个字符。”）；
}
如果（newPassword.length<6）{
errorsFound=true；
html（“密码必须至少包含6个字符。”）；
}
如果（新电子邮件==“”）{
errorsFound=true；
newEmailAddressError.html（“电子邮件不能为空。”）；
}否则如果（！/@/.test（newEmail））{
errorsFound=true；
newEmailAddressError.html（“电子邮件必须包含@符号”）；
}
如果（重复电子邮件！==新电子邮件）{
errorsFound=true；
newRepeatEmailAddressError.html（“此重复电子邮件不等于输入的第一封。”）；
}
});
.intro h1{
字体系列：“Cambria”；
字号：16pt；
字体：粗体；
文本对齐：左对齐；
}
.简介p{
字体系列：“Calibri”；
字体：斜体；
字号：12号；
填充：0px 690px 0px 20px；
文本对齐：左对齐；
}
.内容{
边框：2倍实心；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
}
#帕拉1{
填充：0px 1050px 0px 20px；
位置：相对位置；
}
#帕拉2{
填充：0px 1099px 0px 20px；
位置：相对位置；
}
.用户名标签，
.密码标签{
利润率：10px 0px 0px 350px；
位置：相对位置；
顶部：-70px；
}
.现有用户名，
.现有密码，
#用户名\错误1，
#密码错误2
{
顶部：-70px；
位置：相对位置；
}
#按钮1{
背景色：#添加8e6；
左边距：425px；
位置：相对位置；
顶部：-70px；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
填充：0px 20px 0px 20px；
}
#按钮2{
背景色：#添加8e6；
左边距：-500px；
位置：相对位置；
顶部：-30px；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
填充：0px 20px 0px 20px；
}
.Username-label1，
.Password-label2，
.Email-label3，
.Repeat-Email-label4
{
保证金：0px 0px 0px 330px；
位置：相对位置；
顶部：-70px；
}
.newUsername，
.newPassword，
.newEmail，
.重复发送电子邮件{
位置：相对位置；
顶部：-70px；
左边距：40px；
} 
跨度{
颜色：红色；
左边距：300px；
位置：相对位置；
顶部：-60px；
}

项目
欢迎来到Cuyahoga社区大学生在线服务
根据《1974年家庭教育权利和隐私法案》（FERPA），Cuyahoga社区学院承认学生有权查阅个人和学术记录，该法案经公法93-568修订



已经在我们这里有账户了吗？返回的用户可以通过输入他们的站点用户名和密码登录
用户名



密码



登录

新用户，请通过向我们提供一些基本信息来创建一个新帐户
用户名



密码



电子邮件地址



重复电子邮件地址
创建帐户


亚霍加社区学院
俄亥俄州克利夫兰卡内基大道700号，邮编：44115
而不是
$（.newUsername”）.length
使用
$（.newUsername”）.val（）.length

编辑：

我想遵循@Stephen p的善意建议
$（“.newUsername”）
返回满足
.newUsername
选择器的所有元素的数组，或具有
newUsername
类的所有元素的数组
$（“.newUsername”）.length
返回数组的长度，或者在本例中返回具有类的元素数

但是，
$（“.newUsername”）.val（）
获取输入的值，该值是一个字符串<代码>$（“.newUsername”）.val（）.length

返回