Как добавить элемент в оператор if только один раз?

Question

Таким образом, каждый раз, когда я нажимаю кнопку, чтобы отправить форму, добавляемый div добавляется снова. Как сделать так, чтобы div добавлялся только один раз?

<div class="field">
        <div class="field">
            <div id='eerr' class="errors"></div>
        </div>
</div>

if (email == '' || emailResult == false) {
    $('#eerr').append('<div class="ui basic red pointing prompt label transition visible">Please insert your email.</div></div>');
    }

Кстати, это кнопка:

<button style="margin-top: 7px" type="button" onclick='singup()' class="ui primary submit button login ">clickme</button>

Answer 1

Так как это для проверки формы, похоже, что вы хотите, чтобы #eerr содержал все предупреждения. Вы можете добавить дополнительные проверки и предупреждения, поэтому вы можете просто очистить #eerr в начале проверки:

const $errorElm = $('#eerr');
$errorElm.empty();
if (email == '' || emailResult == false) {
    $errorElm.append('<div class="ui basic red pointing prompt label transition visible">Please insert your email.</div></div>');
}
// other validation involving $errorElm.append