Contact Form 7 как запретить ввод пробелов?
Как запретить в полях формы (текстовых полях) запретить вводить пробелы?
Дополнительно:
Вообще любые пробелы или запретить вводить в поле только пробелы?
Не совсем понял что значит любые пробелы?
Подключить скрипт на сайт, и при необходимости, подкорректировать селектор полей формы:
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, ''); }); }); }); |
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, ''); }); }); }); |
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, ''); }); }); });
- Если не сложно, подскажите, как можно в текстовых полях сделать ограничение на ввод только цифр? Вообще возможно ли это? Потому что поля под цифры но использовать поле number нет возможности в связи со спецификой задачи.
- DimasikLebed, все возможно, вопрос лишь в бюджете. Обновил ответ.
- Михаил Р., Увидел, спасибо!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
