Блог

Я тестировал проверку формы обучения, я не мог удалить текст ошибки. HTML-код был таким

         <div class="form-group">
            <label for="">Requester<span class="required text-danger">*</span></label>
            <input type="text" class="form-control">
            <small style="display: none"></small>
        </div>
  

С помощью Jquery для проверки

 var errors = 0;
var submitted = false;

var addError = function (element, siblings, errorMessage) {
    if (element.style.display == "none") {
        console.log(element);
        return;
    }

    errors  ;
    $(element).addClass("text-error")

    siblings.each(function (index, sib) {
        if (sib.tagName == "SMALL") {
            sib.innerText = errorMessage
            $(sib).addClass("text-danger");
            $(sib).addClass("font-weight-bold");
            $(sib).show();
        }
    })
};
  

И функция для удаления ошибок

 var removeError = function (element, siblings) {
    $(element).removeClass("text-error");

    siblings.each(function (index, sib) {
        if (sib.tagName == "SMALL") {
            sib.innerText = ""
            $(sib).removeClass("text-danger");
            $(sib).removeClass("font-weight-bold");
            $(sib).hide();
        }
    })
};
  

Когда я удалил <small style="display: none"></small> и <span class="required text-danger">*</span> не внес никаких изменений, он по-прежнему показывает КРАСНОЕ окно с ошибкой и Sweetalert.js сообщение,
есть ли в любом случае, я могу заставить это работать, как я могу удалить ошибку для необязательных полей.
Ссылка на перо с кодом ссылки:https://codepen.io/dunya/pen/KYdQPd
Большое спасибо