Как изменить textContent через JavaScript?

0

У меня есть страница с регистрационной формой, и есть пустой div, который я хочу использовать для отображения ошибок. Чтобы проверить формы перед запуском скрипта php, я использую javascript: 

function errorHandler(){
    var loginIn;
    var passIn;


    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;

    if (loginIn == "" || loginIn == null) {
        alert("LOGIN CANNOT BE EMPTY");
        return false;
    } 
}


Он отлично работает, и появляется предупреждающее сообщение, когда я вызываю их следующим образом:

<form name="regForm" action= "save_user.php" onsubmit="return errorHandler()" method="post">.

Но есть, как я упомянул перед div внутри формы:

div id ="errorArea"></div> и когда я пытаюсь поместить текст внутри этого div следующим образом: 

function errorHandler(){

    var loginIn;
    var passIn;
    var erorAreaMessage;

    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;
    erorAreaMessage = document.getElementById('errorArea').textContent;

    if (loginIn == "" || loginIn == null) {
        erorAreaMessage = "LOGIN CANNOT BE EMPTY";
        return false;
    }
}

Ничего не происходит, может кто-нибудь объяснить мне почему?

  • 1
    Изменение переменной arorAreaMessage не приводит к автоматическому изменению textContent . Вам необходимо назначить свойство .textContent . document.getElementById('errorArea').textContent = "LOGIN CA..."
  • 0
    В конце кода есть блуждающая закрывающая фигурная скобка ( } ).
Показать ещё 9 комментариев
Теги:

1 ответ

2
Лучший ответ

Вы должны поместить значение в <div>. Это можно сделать, установив свойство innerHTML или textContent в сообщение об ошибке. Попробуй это -

...
if (loginIn == "" || loginIn == null) {
    document.getElementById('errorArea').textContent = "LOGIN CANNOT BE EMPTY";
    return false;
}}
Поделиться
  • 0
    Работает, в чем проблема с textContent?
  • 0
    @ Amal.A Нет проблем с textContent. Вам нужно установить его с сообщением об ошибке
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню