javascript验证中的条件无法正常工作

我有一个文本框和一个提交按钮

<input type="text" name="username" id="username"/><br/>
<input type="submit" onclick="return validate()"/>

以下是功能代码：

if (document.getElementById("usernameee").value == null || document.getElementById("usernameee").value == "" ) {
  document.getElementById("usernameee").style.borderColor = 'red';
  return false
} else {
  document.getElementById("usernameee").style.borderColor = '';
  if (document.getElementById("usernameee").value.length!=0 ||   document.getElementById("usernameee").value.length < 8 ) {
  document.getElementById("usernameee").style.borderColor = 'red';
  document.getElementById("message").innerHTML="Enter Atleast 8 Characters"
  return false
} else {
  document.getElementById("usernameee").style.borderColor = '';
}

if（document.getElementById（“usernameee”）.value==null || document.getElementById（“usernameee”）.value==“”）{
document.getElementById（“usernamee”）.style.borderColor='red'；
返回错误
}否则{
document.getElementById（“用户名”）.style.borderColor=''；
if（document.getElementById（“usernameee”）.value.length！=0 | | document.getElementById（“usernameee”）.value.length<8）{
document.getElementById（“usernamee”）.style.borderColor='red'；
document.getElementById（“消息”）.innerHTML=“输入至少8个字符”
返回错误
}否则{
document.getElementById（“用户名”）.style.borderColor=''；
}

---

现在需要的是，如果用户将字段留空，它应该只突出显示背景颜色为红色的文本框，如果用户名少于8个字符，它应该显示消息并突出显示文本框的背景，但现在即使文本框是空的，它也会显示我不想要的消息……如果字段是空的，它会显示消息我认为你的第二个条件是错误的。你也可以这样写代码：

var username = document.getElementById("usernameee");

if(!username.value) {
  //There is no username
  username.style.borderColor = 'red';
} else if(username.value.length < 8) {
  //There is a username and the value is shorter than 8 characters
  username.style.borderColor = 'red';
  document.getElementById("message").innerHTML = "Enter Atleast 8 Characters";
} else {
  //There is a username and it is longer than or equal to 8 characters.
  username.style.borderColor = '';
  document.getElementById("message").innerHTML = "";
}

var username=document.getElementById（“usernameee”）；
如果（！username.value）{
//没有用户名
username.style.borderColor='red'；
}else if（username.value.length<8）{
//有一个用户名，该值小于8个字符
username.style.borderColor='red'；
document.getElementById（“message”）.innerHTML=“输入至少8个字符”；
}否则{
//有一个用户名，长度大于或等于8个字符。
username.style.borderColor=''；
document.getElementById（“消息”）.innerHTML=“”；
}

第二次检查时使用

else if

。