1
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.firstname.parentNode);
  if (!elems.firstname.value) {
    showError(elems.firstname.parentNode, ' Укажите ваше имя.');
  }

  resetError(elems.lastname.parentNode);
  if (!elems.lastname.value) {
    showError(elems.lastname.parentNode, ' Укажите вашу фамилию.');
  }

  resetError(elems.password.parentNode);
  if (!elems.password.value) {
    showError(elems.password.parentNode, ' Укажите пароль.');
  } 

  resetError(elems.email.parentNode);
  if (!elems.email.value) {
    showError(elems.email.parentNode, ' Укажите правильный электронный адрес');
  }

  resetError(elems.address.parentNode);
  if (!elems.address.value) {
    showError(elems.address.parentNode, ' Укажите ваш адрес');
  }

  resetError(elems.datepicker.parentNode);
  if (!elems.datepicker.value) {
    showError(elems.datepicker.parentNode, ' Укажите правильную дату');
  }

  return;

}

Есть код

Как сделать проверку полей универсальною: без привязки к количеству полей! Проверку (если необходима) сделать в зависимосты от типа (type)

1 ответ 1

0
<form>
  <input type="text" class="validated" name="firstname" title="Укажите ваше имя." />
  ..
</form>

var validationFailed = false;
$("form input.validated").each(function(){
  resetError(this.parentNode);
  if (!this.value) {
    showError(this.parentNode, $(this).attr('title'));
    validationFailed = true;
  }
});
6
  • если у меня есть еще type="mail" type="number" . type="password" как быть?) Commented 27 мая 2018 в 15:06
  • добавьте им всем class="validated" и выбирайте $("form input.validated")
    – user176262
    Commented 27 мая 2018 в 15:08
  • а с ошибкой как поступить? Commented 28 мая 2018 в 10:12
  • @СергійЧуйко С какой ошибкой?
    – user176262
    Commented 28 мая 2018 в 13:16
  • уже розобрался) вы сможете помочь еще с вот этим вопросом) ru.stackoverflow.com/questions/834488/… Commented 28 мая 2018 в 13:50

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.