Разблокировка кнопки на сайте с двумя условиями

Question

Я честно говоря совсем ещё не изучала JS, но он очень понадобился для обеспечения функционала одного момента в сайте, а именно: "возник вопрос в том, как сделать кнопку разблокированной после соблюдения двух условий: все поля заполнены и введена капча". Я смогла сделать на JS проверку для каждого условия отдельно, вот так:

function check() {
    var inp1 = document.getElementById('FirstNameInput'),
        inp2 = document.getElementById('LastNameInput'),
        inp3 = document.getElementById('PhoneInput');
        document.getElementById('send').disabled = inp1.value && inp2.value && inp3.value ? false : "disabled";
    }

function btnenabl() {
        document.getElementById('send').removeAttribute("disabled");
    }

Кнопка:

<button type="submit" id="send" class="btn btn-outline-primary border-2 text-nowrap me-2" disabled="disabled" data-bs-toggle="modal" data-bs-target="#">Отправить</button>

По отдельности всё работает... Подскажите, как мне их объединить?

Answer 1

можно сделать так

function check() {
    const inp1 = document.getElementById('FirstNameInput'),
        inp2 = document.getElementById('LastNameInput'),
        inp3 = document.getElementById('PhoneInput');
        document.getElementById('send').disabled = inp1.value && inp2.value && inp3.value ? false : "disabled";
    }

<form>
  <input id="FirstNameInput" oninput="check()" />
  <input id="LastNameInput" oninput="check()" />
  <input id="PhoneInput" oninput="check()" />
  <button id="send" disabled>Submit</button>
</form>

БЛОГ НА HUSL

Разблокировка кнопки на сайте с двумя условиями

Ответы (1 шт):