Javascript检查是否为登录输入了字段

我正在尝试创建一个登录页面。我需要验证用户名和密码，但我的js似乎不起作用。我现在把它简化了，只是为了让它工作。这是我的html：

<script  type="text/javascript" src = "js/checklogin.js"></script>
<h3>Already have an account?</h3>
            <span id = "feedback"></span>
            <form id = "login" action = "login.html"  method = "post">
                <label for = "name">User name:</label><br>
                <input type = "text" name = "username " id = "username"><br>
                <label for = "password">Password:</label><br>
                <input type = "password" name = "password" id = "password"><br> 

                <input type="submit" value="Login">
            </form> 

我还是不能去上班。另外，我如何使其显示为文本框上的弹出窗口？看起来像这样的东西：

---

您使用的代码有几个问题，因此这里有一个完整的示例，说明了我将使用的方法（使用您已有的HTML）。这对我来说是有效的，正如在代码段中和下面测试的那样

var elUsername=document.getElementById（'username'）；
var elPassword=document.getElementById（'password'））
var elMsg=document.getElementById（'feedback'）；
var elForm=document.getElementById（'login'）；
函数checkFilled（）{
如果（elUsername.value==“”| | elPassword.value==“”）{
elMsg.innerHTML='请填写此字段'；
event.preventDefault（）；
}否则{
elMsg.innerHTML=''；
}
}
if（elForm.addEventListener）{
elForm.addEventListener（'submit'，function（）{
检查填充（）；
}，假）；
}否则{
elForm.attachEvent（'onsubmit'，function（）{
检查填充（）；
});
}
if（elUsername.addEventListener）{
elUsername.addEventListener（'blur'，function（）{
检查填充（）；
}，假）；
}否则{
elUsername.attachEvent（'onblur'，function（）{
检查填充（）；
});
}
if（elPassword.addEventListener）{
elPassword.addEventListener（'blur'，function（）{
检查填充（）；
}，假）；
}否则{
elPassword.attachEvent（'onblur'，function（）{
检查填充（）；
});
}

已经有账户了吗？
用户名：



密码：

你说的“似乎不起作用”是什么意思？怎么不起作用？我没有收到“请填写字段”的信息“当您单击提交按钮时，它会将页面重定向到login.htmlw？我刚刚在html中添加了required，这样就完成了。现在我想让它在我从文本框中移动焦点时发出信息。给我一秒钟，我已经为你得到了一个完整的答案。谢谢！这是为了我！

var elUsername = document.getElementById('username'); 
var elPassword = document.getElementById('password')
var elMsg = document.getElementById('feedback');      
function checkFilled(length) {                    
 if (length == "") {           
    elMsg.innerHTML = 'Please fill out this field';
 } else {                                            
  document.getElementById("login").submit();                        
}
}
elUsername.addEventListener('blur', checkFilled(elUsername.value),false);
elPassword.addEventListener('blur', checkFilled(elPassword.value),false);