Javascript i'；我试图验证我的html表单，但我的JS脚本不起作用，当我点击提交按钮时，除了重新加载页面外，什么都没有发生

我试图验证我的html表单，但我的JS脚本不起作用，当我单击提交按钮时，除了我的页面正在重新加载/刷新之外，什么都没有发生

   var username = document.forms['forrm1']['name'];

  function Validate() {

    // validate username
     if (username.value == "") {
            username.style.border = "1px solid red";
            document.getElementById('nameErr').innerHTML = "Username is required";
            document.getElementById('nameErr').style.color = "red";
            username.focus();
           return false;}}

   </script>


 <form name="forrm1" method="post" action="#" onsubmit="return Validate()" >
        <div> Name <br><input type="text" name="name" id="name">
            <div Id="nameErr"></div></div><br>

        Email <br><input type="Email" name="email"> 
             <div id="emailErr"></div><br>

        Comment <br><textarea rows="5" cols="50" placeholder="type here ... ">
                    </textarea><br>

        <input type="submit" value="submit" ">

</form>

var username=document.forms['forrm1']['name']；
函数验证（）{
//验证用户名
如果（username.value==“”）{
username.style.border=“1px实心红色”；
document.getElementById（'nameErr'）.innerHTML=“用户名是必需的”；
document.getElementById（'nameErr'）.style.color=“红色”；
username.focus（）；
返回false；}}
名称



电子邮件



评论



从未设置用户名，因此未达到验证：）

只需移动行
var username=document.forms['forrm1']['name']编码到函数中

      <script>
      function Validate() {    
    //set it IN the Validate Function - then script works well :)
    var username = document.forms['forrm1']['name'];

   // validate username
    if (username.value == "") {
         username.style.border = "1px solid red";
         document.getElementById('nameErr').innerHTML = "Username is required";
         document.getElementById('nameErr').style.color = "red";

        username.focus();
        return false;}}

      </script>


函数Validate（）{
//在Validate函数中设置它-然后脚本工作正常：）
var username=document.forms['forrm1']['name']；
//验证用户名
如果（username.value==“”）{
username.style.border=“1px实心红色”；
document.getElementById（'nameErr'）.innerHTML=“用户名是必需的”；
document.getElementById（'nameErr'）.style.color=“红色”；
username.focus（）；
返回false；}}
我建议在输入上添加
required
属性，如
，这将检查输入是否为空。否则，如果需要做更复杂的事情，也可以使用正则表达式。（见附件）