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

33
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;
  }
});
READ ALSO
Редактор кода на javascript

Редактор кода на javascript

Есть редактор кодаХочу, чтобы когда я написал любой элемент, например , то тогда слово закрашивалось в красный цвет, а если другой элемент,...

59
Замена тега с сохранением содержимого

Замена тега с сохранением содержимого

Как на странице заменить все заголовки h2-h6 на тег div с сохранением всех атрибутов и у которых есть класс title?

50
Создание хвоста у частицы!

Создание хвоста у частицы!

Подскажите, как создать хвост для частиц длинной от 4 до 10 (скорее всего предыдущих состояний, но можно и просто хвост)?

52
Как перенести каждый элемент массива на новою строчку?

Как перенести каждый элемент массива на новою строчку?

Вообще это плохая идея добовлять \n к элементам массиваЛучше уж делать это при выводе

60