0

Если появляется сообщение

<span id="error-msg" class="">Неверный номер</span>

То запретить нажатие на кнопку

<button type="submit" id="button3509871" class="btn f-btn  button-md btn-success" >
    Зарегистрироваться бесплатно</button>

id кнопки постоянно новый генерируется, так что к нему прицепиться не выходи, но классы постоянные. id и классы у span постоянные Думал может как то к количеству символов в span привязаться, так как элемент изначально пустой, но если введен неверный номер, там появляются разного рода ошибки (номер короткий, длинный и т.д.)

3
  • Если у вас нет чёткого условия, то не понятно как решать задачу. Есть хоть что-то особенного кроме того, что это спан? Если нет, то цепляться к любому спану, или создать хоть какое-то отличие.
    – user347472
    Commented 7 апр. 2020 в 13:43
  • Повесьте стабильный id на родительский элемент кнопки, тогда её можно будет достать через document.querySelector('#my-id button[type="submit"]').disabled = true; Commented 7 апр. 2020 в 13:43
  • имеется ввиду id кнопки,а классы там постоянные. У span id и class всегда одинаковый Commented 7 апр. 2020 в 13:46

1 ответ 1

0

Попробуйте так (адаптируйте под вашу ситуацию, это просто заготовка):

let btn = document.querySelector('button');
let msgParent = document.querySelector('.parent-class'); // внутри этого блока сообщения
let observer = new MutationObserver(()=>{
    if( !msgParent.querySelector('.error-msg') ) return;
    btn.disabled = true;
});
observer.observe( msgParent, { childList: true });
9
  • let msgParent = document.querySelector('.parent-class'); от какого елемента этот класс, не очень понимаю Commented 7 апр. 2020 в 14:02
  • вместо parent-class селектор блока, в котором сообщения появляются (первый родитель)
    – user347472
    Commented 7 апр. 2020 в 14:03
  • не работает. тут глянуть можете 514.weborob-it.com Commented 7 апр. 2020 в 14:05
  • там столько всего, что не могу найти скрипт. сделайте пример аналогичный где всё просто, а не куча всего. И что именно не работает? на каком шаге ошибка?
    – user347472
    Commented 7 апр. 2020 в 14:09
  • joxi.ru/823R8ybtDb49Qm Commented 7 апр. 2020 в 14:11

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.