TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Contact Form 7 – Как скрыть кнопку отправки формы если поля не заполнены

2 213

В данной записи речь пойдет о том как можно скрыть кнопку отправки формы до того момента пока пользователь не ввел в поля определенное количество строк, конечно же никто не мешает переписать мое решение под себя и ужесточить правила отображения кнопки отправки.

Решение которое я предлагаю в записи возникло благодаря заказчику которому нужно было именно реализовать на сайте скрытие кнопки отправки. В итоге получилось решение предлагаемое мной в данной записи.

И так что имеем в итоге, ниже вы увидите тело самой формы Contact Form 7.

Тело Contact Form 7:

Скрипт для скрытия кнопки:

Если Вы внимательно изучите JAVA SCRIPT код у Вас не должно оставаться вопросов, так как практически над каждой строкой кода имеются комментарии объясняющие что за чем.

Полезные ссылки:
http://gnatkovsky.com.ua/poka-polya-ne-zapolneny-knopka-ne-aktivna.html

Почтовая навигация

Источник записи: https://mediadoma.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее