JavaScript Live Error Display?

Question

Мне нужен эффективный способ отображения ошибок, которые я собрал из функции отправки формы.Вот моя функция сбора ошибок:

function checkForm(form) {

 var errors = "";

 errors += checkName(form, form.name.value);

 errors += checkSex(form, form.sex.value);

 if(form.gender[0].checked || form.gender[1].checked) {
      errors += checkGender(form, true);
 } else {
  errors += checkGender(form, false);
 }

 errors += checkHeight(form, form.height.value);

 errors += checkSalary(form, form.salary.value);

 errors += checkCountry(form, form.birthCountry.value);

 if(errors) {
        document.getElementById("errors").appendChild(document.createTextNode(errors));
  return false;
 }

 return true;

}

К сожалению, кажется, что createTextNode () не обрабатывает новые строки (\ n) или HTML.Как я могу пройти это?Или есть другие альтернативные, более эффективные решения?

Answer 1

В HTML новые строки и пробелы вообще игнорируются.Чтобы вызвать разрыв строки, вы должны использовать тег br.Вы можете легко выполнить замену в строке ошибок или просто заставить функции добавлять эти теги вместо новой строки.

errors.replace( '\n', '<br />' )

Затем можно просто добавить это к элементу innerHTML:

** 1007