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

Form validation, missing fields background color

本文关键字：字段 背景 颜色 验证 表单      更新时间：2023-09-26

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

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)

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

这是你想要的。

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