由于documents.getElementsById()，Javascript 验证不起作用

Question

我在使用这段代码时遇到了问题，如果我添加我已注释掉的行，则表单似乎会转到我在操作中链接的页面而无需经过验证。但是如果我不包含它，则验证工作正常，警报框显示消息。我不明白它不起作用的原因。

 function validateform(){   
      var flag=0;
      var uname=document.forms["f1"]["uname"].value;
      var pass=document.forms["f1"]["pass"].value;
      var fname=document.forms["f1"]["fname"].value;
      var lname=document.forms["f1"]["lname"].value;
      var phone=document.forms["f1"]["phone"].value;
      var email=document.forms["f1"]["email"].value;
      var err="";
      if(uname==""||uname==null) {
           err+="Username cannot be left blank\n";
           //document.getElementsById("uname").style.backgroundColor="red";
           flag=1;
      }
      if(pass==""||pass==null){
           err+="Password cannot be left blank\n";
           flag=1;
      }
      if(email==""||email==null){
           err+="Email cannot be left blank\n";
           flag=1;
      }    
      if(flag==0){
           return true;
      }else{
           alert(err);
           return false;
      }     
  }

Answer 1

你打错字了。

它是 document.getElementById('id') 而不是 document.getElementsById

它获取单个元素，因为 id 是唯一的并且适用于单个元素。

由于 id 不能重复，因此它也被命名为 getElementById。