Как сделать Button sumbit Disable — если в input не число 101?

Question

[Dodat]

Есть форма:

<form>
                <label for="name">Введите число 101</label>
                <input type="text" class="form-control che" name="ccoo" id="ccoo" required>

<button type="submit" class="gog" id="submit">Оставить заявку</button>

            </form>

Нужно чтобы кнопка отправить работала только если в Input число 101
В остальных случаях просто disable

Как лучше это реализовать в JS? JQ?

Comments

[Mikhail Osher]

5.12

Answer 1

[Илья Корень]

Вешаете обработчик (addEventListener) на инпут и если значение > 101, то делаете кнопку активной.

https://codepen.io/IlyaKoren/pen/oNPVxQL?editors=1111

Answer 2

[Даниил Соколов]

<form>
    <label for="name">Введите число 101</label>
    <input type="text" class="form-control che" name="ccoo" id="ccoo" required>

    <button type="submit" class="gog" id="submit" disabled>Оставить заявку</button>
</form>

<script>
    const inputField = document.getElementById("ccoo");
    const submitButton = document.getElementById("submit");

    inputField.addEventListener("input", function() {
        if (inputField.value === "101") {
            submitButton.disabled = false;
        } else {
            submitButton.disabled = true;
        }
    });
</script>