Как добавить вывод ошибки в валидацию?

Question

[Владимир Горбунов]

Всем привет. есть вот такой рабочий код.

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.your_name.parentNode);
      if (!elems.your_name.value) {
        showError(elems.your_name.parentNode, 'Please fill in the required field.');
      }

      resetError(elems.your_tel.parentNode);
      if (!elems.your_tel.value) {
        showError(elems.your_tel.parentNode, 'Please fill in the required field.');
      }

      resetError(elems.your_email.parentNode);
      if (!elems.your_email.value) {
        showError(elems.your_email.parentNode, 'Please fill in the required field.');
      }    
}

Что сюда добавить чтобы он вывел еще вот такой блок с ошибкой

Answer 1

[IceJOKER]

в showError() добавить блок div с ошибкой(прежде нужно проверить не добавлен ли уже).
если не знаете как, то соберите $ и за вас сделают.

да и сам код не айс, функцию validate() не обязательно привязывать к определенным полям, а сделать его расширяемым, чтоб можно было хоть 100500 полей добавлять без надобности допиливать код для каждого поля