Показать сообщение отдельно
  #3 (permalink)  
Старый 06.03.2017, 08:27
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Можно использовать нативную проверку современных браузеров

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<style>
:focus:-moz-placeholder {color: transparent}
input:invalid {
    border: 1px solid #FFB3B3;
}

input:focus:invalid {
    background: #FFB3B3;
}

input:focus:valid {
    background: #EDE9C8;
}
</style> 
</head>
<body>
<input name="name" required="" pattern="[а-яА-ЯёЁ]+" placeholder="Введите имя" />
</body>
</html>


А для старых браузеров или не поддерживающих таковую использовать проверку посредством JS при отправке формы. При этом использовать шаблон описанный в поле.
Ответить с цитированием