Проверка формы, цвет фона отсутствующих полей

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я знаю, как установить оповещение, если поле пустое или содержит неправильные символы, тогда оно предупредит их. Но я не хочу, чтобы всплывало предупреждение, я хочу, чтобы все отсутствующие поля имели другой цвет фона.

 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)
  

тогда вообще ничего не произойдет. Он даже не покажет предупреждение для других отсутствующих полей. Кроме того, если и имя, и адрес электронной почты неверны, то будет выдано предупреждение только для имени, а не для электронной почты, поскольку имя является первым

Комментарии:

1. Что вам нужно сделать, это создать цикл, который выполняет итерации по всем полям и изменяет цвет фона каждого поля, в котором отсутствует требуемая информация. Если вы включите свой HTML, CSS и любой другой Javascript, я смогу вам больше помочь.

Ответ №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;  
   }