Contact Form 7 как запретить ввод пробелов?

Question

[DimasikLebed]

Как запретить в полях формы (текстовых полях) запретить вводить пробелы?

Comments

[Алексей Уколов]

Вообще любые пробелы или запретить вводить в поле только пробелы?

[DimasikLebed]

Алексей Уколов, по хорошему запретить ввод в поле пробелов (кнопка space).
Не совсем понял что значит любые пробелы?

Answer 1

[Михаил Р.]

Подключить скрипт на сайт, и при необходимости, подкорректировать селектор полей формы:

document.addEventListener('DOMContentLoaded', () => {
    const elements = document.querySelectorAll('.wpcf7-form input[type="text"], .wpcf7-form textarea');

    elements.forEach((el) => {
        el.addEventListener('input', (e) => {
            e.target.value = e.target.value.replace(/\s+/g, '');
        });
    });
});

UPD из комментов, ограничение на ввод в input только цифр (необходимо указать css класс такому input only-numbers):

document.addEventListener('DOMContentLoaded', () => {
    const elements = document.querySelectorAll('.only-numbers');

    elements.forEach((el) => {
        el.addEventListener('input', (e) => {
            e.target.value = e.target.value.replace(/\D/g, '');
        });
    });
});

Comments

[DimasikLebed]

Если не сложно, подскажите, как можно в текстовых полях сделать ограничение на ввод только цифр? Вообще возможно ли это? Потому что поля под цифры но использовать поле number нет возможности в связи со спецификой задачи.

[Михаил Р.]

DimasikLebed, все возможно, вопрос лишь в бюджете. Обновил ответ.

[DimasikLebed]

Михаил Р., Увидел, спасибо!