Почему InputMaska не позволяет вводить номер телефона?

Question

[Дмитрий Ярощук]

Добавил маску для ввода номера телефона, но столкнулся с проблемой что теперь не могу вводить цифры в данное поле

<form class="basket-form">
    <h2 class="custom-title">Форма для заказа</h2>
    <input type="hidden" name="admin_email[]" value="[e-mail]">
    <input type="hidden" name="form_subject" value="Заявка с сайта">
    <label class="basket-from__label">
        <input
                class="basket-from__input basket-from__input-name"
                type="text"
                name="name"
                placeholder="Введите ваше имя"
                autocomplete="on"
                data-validate-field="name"
                required>
    </label>
    <label class="basket-from__label">
        <input
                class="basket-from__input basket-from__input-surname"
                type="text"
                name="surname"
                placeholder="Введите вашу фамилию"
                autocomplete="on"
                data-validate-field="surname"
                required>
    </label>
    <label class="basket-from__label">
        <input
                class="basket-from__input basket-from__input-tel"
                type="tel"
                name="tel"
                placeholder="Введите ваш телефон"
                data-validate-field="tel"
                required>
    </label>
    <button class="custom-btn btn-send">Оформить заказ</button>
</form>

import Inputmask from "inputmask/lib/inputmask";
function getInputMask() {
    const inputs = document.querySelectorAll("input[type='tel']");
    const telMask = new Inputmask('+11 (___) ___-__-__');
    telMask.mask(inputs);
}
export default getInputMask;

Answer 1

[Elaryks]

Судя по документации, маска должна выглядеть примерно так:

const telMask = new Inputmask('[phone]');

Comments

[Дмитрий Ярощук]

Спасибо за помощь, уже сам нашел в документации