表单验证，缺少字段背景颜色

Question

我知道如何设置警告，如果该字段为空或字符错误，则会提醒他们。但我不希望弹出警报，我希望所有缺少的字段都是不同的背景颜色。

function allLetter(uname)  
{   
var letters = /^[A-Za-z]+$/;  
if(uname.value.match(letters))  
{  
return true;  
}  
else  
{  
alert('name required');  
uname.focus();  
return false;  
}

但是，当我将警报更改为

时

alert(document.style.display.backgroundColor = red)

然后什么都不会发生。它甚至不会显示其他缺失字段的警报。此外，如果名称和电子邮件都是错误的，那么它只会提醒姓名而不是电子邮件，因为名字是第一个

Answer 1

这就是你想要的。

       function allLetter(uname)  
    {    
     var letters = /^[A-Za-z]+$/;  
     if(uname.value.match(letters)) {   
               return true;  
     } else{  
     uname.style.backgroundColor = "red";
      uname.focus();  
      return false;  
   }