Иван

довольно частая задача во фронтенде - обычно решается совместно с дизайнерами, тк ориентироваться на соседние блоки - это всегда ущерб для текущего элемента (при названии фильма в одну строчку - он в любом случае будет отличаться от названия в 2 и более строки), поэтому оптимальным решением всегда считалось следующее:
для заголовка всегда выделяем высоту в 2 строки - все что больше 2х строк уходит в троеточие

var form = document.forms.mess;
var show = false; // флаг показа ошибки
var msg = form.username;

form.addEventListener('submit', function(e){
   e.preventDefault();

msg.addEventListener('keydown', function(e){

     if(e.keyCode === 13) {
        if (this.value !== '') {
           console.log(this.value); 
           this.value = '';
           show = false; // тут надо удалить блок с ошибкой и выключить флаг
        } else {
              alert('Пустое поле - заполните его!');
              if (show) return; // если уже показана, то ничего не делаем
              show = true; // включаем флаг о том что показано сообщение
              var error = document.createElement('p');

                 error.innerHTML = 'Ошибка ввода!';
                 error.className = 'error';
                 form.append(error);
                 form.previousElementSibling.remove('error');
        }

     }
});
});