网站的简单表单验证（Javascript/Css/Html）

我有一个简单的表格：

<div class = "container">
<img src = "images/login.png">
<form name = "myForm">
<div class = "form-input">
<input type = "text" name = "username" id="username"
placeholder="Enter Username">
</div>
<div class = "form-input">
<input type = "password" name = "password" id="password"
placeholder="Enter Password">
</div>
<input type = "Submit" name = "Submit" value = "LOGIN" class = "login-form">

我正在尝试使用JavaScript对表单进行简单验证，以检查用户名框是否为空，但它无法工作：

<script>  
function validateform(){  
var x = document.forms["myForm"]["username"].value;
if(x == null || x == ""){
alert("Please include a username");
return false;
}
}
</script>

函数validateform（）{
var x=document.forms[“myForm”][“username”].value；
如果（x==null | | x==“”）{
警告（“请包括用户名”）；
返回false；
}
}

---

怎么了？这是我的语法还是命名？我的表单和名称正确使用该变量，我不确定我做错了什么。

您没有在任何地方调用validateform（）。将此添加到您的提交按钮：onclick=“validateform（）；”检查浏览器控制台中的错误

@funkysoul我知道这很简单，非常感谢。