Проверка формы на заполненые поля

214

14 июня 2018, 01:40

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)

Answer 1

<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;
  }
});