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

Ссылка скопирована
CSS
0 ответов

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

Дополнительно:

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

  • Алексей Уколов, по хорошему запретить ввод в поле пробелов (кнопка space).
    Не совсем понял что значит любые пробелы?
  • 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, все возможно, вопрос лишь в бюджете. Обновил ответ.
    • Михаил Р., Увидел, спасибо!
    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно