от
Я пытался разработать для, который принимает электронную почту и пароль и изменяет (на данный момент), только если электронная почта является электронной почтой, посмотрев, добавил ли пользователь "@" в представлении. Предположительно, если «@» отсутствует, то тег абзаца, который содержит заголовок текстового поля «электронная почта», должен изменить цвет. К сожалению, это не так, и я понятия не имею, почему это так. Я пробовал несколько разных способов изменить цвет, но все не удалось. Это сделало бы мой день, если бы кто-то мог помочь мне с этой проблемой. Я уже пытался использовать разные методы проверки и разные методы, чтобы изменить стиль тега абзаца. Например, я попытался использовать отдельный код стиля, который абзац должен был переключить два из кода стиля по умолчанию, когда символ "@" не был найден. Я также пытался использовать разные времена, в которые js-код работал бы как onSubmit или onBlur. Эти изменения не решили мою проблему.
     html, body { height: 100%; }
       body {
         background:radial
    <!DOCTYPE html>
     

      
	    
		   Sign Up Page
	    
	     
      

      
	
	     
	    	function validateForm() {
		      var x = document.forms["myForm"]["fname"].value;
		      if (x == "") {
		      alert("something must be filled out");
		      return false;
		      }
		      else if (!(x.includes("@"))) 
		     {
			   alert("");
			   document.getElementById("nameT").className="error";
		       return false;
		     }
	     	}
	     

          
          
          
          
          
             
                Whale
             
          
          

            
              Login
            
            
                 email 
                
                  password 
                 
                 

Lost your password?
Create an account
Когда я щелкаю по электронной почте, всплывающее сообщение появляется, но текст не меняет цвет. Нет сообщений об ошибках, о которых я знаю. Это почти как изменение кода цвета пропускается.              

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
Анти-спам проверка:
Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

2 Ответы

0 голосов
от
Вы можете попробовать вот так:
      function validateForm() {
      
          var x = document.forms["myForm"]["fname"].value;
          if (x == "") {
          alert("something must be filled out");
          return false;
          }
          else if (!(x.includes("@"))) 
         {
           alert("you must have to filled value with @");
           document.getElementById("nameT").style.color="red";
           return false;
         }
        }
 html, body { height: 100%; }
   body {
     background:radial
0 голосов
от
Вы должны изменить имя на id для электронной почты и добавить класс для ошибки, пожалуйста, проверьте код ниже
...