Форум: Галочка согласия при отправке формы - PHP-Fusion Russia

Регистрация

О нет! Где JavaScript?
У Вашего браузера отключен JavaScript или он просто не поддерживает JavaScript. Пожалуйста включите JavaScript на Вашем веб-браузере для нормального просмотра данного веб-сайта,
или обновите свой браузер на поддерживаемый JavaScript; Firefox, Safari, Opera, Chrome или Internet Explorer не ниже, чем версия 6.

Автор темы: Alex
ID темы: 3204

Информация:

Тема содержит 2 сообщения, была просмотрена 712 раз. Имеются прикрепленные файлы.

Просмотр темы

PHP-Fusion Russia » Веб-разработка » HTML и CSS

Галочка согласия при отправке формы
Alex	#1 Опубликовано 21.01.2024 19:23
Администратор Группа тестеров Персонал сайта Сообщений: 1270 Зарегистрирован: 07.11.2010 13:05	В фвйле обратной связи contact.php вот эту кнопку Код `echo "<input type='submit' name='sendmessage' value='".$locale['406']."' class='button-contact'/>\n";` заменяем на этот код Код `echo "<div class=\"formname\"> <input id=\"checkbox\" type=\"checkbox\" name=\"checkbox\" onchange=\"document.getElementById('submit').disabled = !this.checked;\" /> <label for=\"checkbox\">".$locale['4061']."</label> <input type=\"submit\" disabled=\"disabled\" name=\"sendmessage\" id=\"submit\" value='".$locale['406']."' /> </div>";` добавляем стили Код .formname input[type=checkbox] { display:none; } .formname input[type=checkbox] + label { display: block; position: relative; margin: 12px 0 12px 30px; cursor: pointer; font-size: 16px; line-height: 20px; color: #333333; } .formname input[type=checkbox] + label:hover { color:#337AB7; } .formname input[type=checkbox] + label:before { position: absolute; content: ''; width: 22px; height: 22px; line-height: 22px; left: -30px; border: 1px solid #808080; } .formname input[type=checkbox]:checked + label:before{ content: '\2714'; color:#337AB7; font-size: 14px; text-align: center; font-weight: bold; border: 1px solid #337AB7; } .formname input[type=submit] { display: block; cursor: pointer; font-size: 14px; padding: 10px 30px; border: 1px solid #275F8B; background: #337AB7; color: #FFF; text-transform: uppercase; transition: .4s all; font-weight: bold; } .formname input[type=submit]:hover { background: #275F8B; } .formname input[disabled] { opacity: .6; cursor: not-allowed; } В результате пользователь будет вынужден согласиться с вашей политикой на обработку персональных данных перед отправкой формы. кнопка не активна пока не поставлена галочка! Alex присоединено следующее:изображение:
	Web

Polarfox	#2 Опубликовано 04.02.2024 11:30
Администратор Разработчики Группа поддержки Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03	имо, лучше required + подсветит что не нажато и предложит согласиться или заполнить, быстро и просто + перехватывает обработку отправки, а не костыль с блокировкой кнопки (который можно обойти, например нажав ввод, если вместо субмита используется простая кнопка/картинка и тп) - но не подходит для кастомизации - нет поддержки браузеров из ~~кошмарных~~ 90ых https://htmlbook....t/required https://caniuse.c...h=required Изменил(а) Polarfox, 04.02.2024 11:36 Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Похожие темы

Темы	Форум	Ответов / Просмотров	Последние сообщения
Не приходят русские буквы из формы →	Моды	3 / 944	23.01.2022 01:41
Ошибка при создании панели →	Ошибки, баги	6 / 1879	29.01.2021 21:58
Почему при нажатии на кнопку срабатывает проверка полей? →	HTML и CSS	1 / 4101	05.11.2020 10:33
Работа разных тем оформления при разных разрешениях →	HTML и CSS	2 / 1540	05.03.2019 09:08
Возможно ли при помощи тестов (вопросов) проверить совместимость М и Ж? →	Разное	2 / 3200	04.11.2018 17:24
Проблема при установке →	Установка и настройка системы	11 / 4597	18.09.2018 14:28
Важно! 2 месяца бесплатно, при продлении или заказе dedicated сервера! Акция! →	Хостинг	0 / 1854	07.06.2018 04:37
Перезагрузка страницы после отправки формы →	Плагины	11 / 19361	12.04.2017 12:26
Защита данных элемента формы от ввода кода по передаче GET и POST →	Безопасность	1 / 2670	16.02.2017 21:20
как задать класс textarea при включенном TinyMCE? →	Темы оформления 7 версии	5 / 11128	14.11.2016 15:05

Топ 5 пользователей форума

Zaxap (1,090)

Vova (877)

Pisatel (678)

util (666)

SchreiBear (625)

Copyright © 2010-2024 RUSFusion.ru
Powered by PHP-Fusion copyright © 2002-2024 by Nick Jones.
Released as free software without warranties under GNU Affero GPL v3.