Прошу помочь доработать код, чтобы при ошибке input с атрибутом name="Email" получал цвет шрифта (red), outline (red)

Question

Прошу помочь доработать код, чтобы при ошибке input с атрибутом name="Email" получал цвет шрифта (red), outline (red)

Дарья Дубова Ученик (106), на голосовании 1 год назад

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>8.4 Изменение оформления формы</title>
<style>
form {
font-size: 18px;
}
input {
font-size: 18px;
}
</style>
<script>
{
"use strict";
function validateEmail(email) {
let Location = email.indexOf('@')
if (Location == -1) {
return false;
}
return true;
}

function checkInputEmail(EmailAddress) {
let checkMail = validateEmail(EmailAddress);
if (checkMail == false) {
//Ваш код
//Изменить цвет шрифта в input[name="Email"] (задать red)
//Изменить размер шрифта в input[name="Email"] (задать 18px)
//Изменить внешнюю границу(outline) у input[name="Email"] (задать 1px solid red)

}
}
}
</script>
</head>
<body>
<form action=" http://www.ya.ru " method="post">
<label>Имя: <br><input type="text" name="Fname"></label><br>
<label>Фамилия: <br><input type="text" name="Lname"></label><br>
<label>Email: <br><input type="text" name="Email" onblur="checkInputEmail(this.value)"></label><br>
<p class="checkEmail"></p>
<input name="Submit" value="Submit" type="submit"/>
<input name="Reset" value="Reset" type="reset"/>
</form>
</body>
</html>

Answer 1

  
 
 
     
     
    8.4 Изменение оформления формы 
     
     
 
 
     
        Имя: 

 
        Фамилия: 

 
        Email: