Как сделать вывод в input при помощи javascript сообщения об ошибке?

Question

[skyfly2010]

Добрый день. Делаю элементарный валидатор формы. На данный момент сделал вот так, как показано ниже, но хочу чтобы сообщение выводилось не под (или сбоку от поля ввода), а само поле в placeholder. Что-то у меня это не очень получается.

<script type="text/javascript">
    function showError(container, errorMessage) {
      container.className = 'error';
      var msgElem = document.createElement('span');
      msgElem.className = "error-message";
      msgElem.innerHTML = errorMessage;
      container.appendChild(msgElem);
    }

    function resetError(container) {
      container.className = '';
      if (container.lastChild.className == "error-message") {
        container.removeChild(container.lastChild);
      }
    }

    function validate(form) {
      var elems = form.elements;

      resetError(elems.fio.parentNode);
      if (!elems.fio.value) {
        showError(elems.fio.parentNode, 'Вы не ввели имя');
      }

      resetError(elems.email.parentNode);
      if (!elems.email.value) {
        showError(elems.email.parentNode, 'Вы не ввели email');
      }
    }
  </script>

Answer 1

[Дмитрий Павлов]

Так выводи в Placeholder
msgElem.placeholder = errorMessage;

Comments

[skyfly2010]

Дмитрий Павлов если бы было все так просто, я бы не спрашивал. Не передает оно в placeholder.

[skyfly2010]

Дмитрий Павлов Вот от сюда брал: https://learn.javascript.ru/task/form-validation