Как добавить галочку на сайте о согласии на предоставление персональных данных
В связи с хайпом по поводу закона о персональных данных и штрафах, которые государство вводит за несоблюдение этого закона. Одним из условий соблюдения закона, является согласие пользователя на предоставление своих данных при заполнении любой формы на любом сайте. Как же добиться согласия от пользователя на сайте?
Одним из решений является установка галочки (checkbox) в форме отправки письма. Пока галочка не стоит, кнопка отправить не работает. Вот пример такой формы:
Решение рассчитано на опытных пользователей знакомых с HTML.
1. Вставляем в нужное место кода формы input checkbox с id=”politics”, а также прописываем текст со ссылкой на согласие, у меня эта строчка выглядит вот так:
<input type="checkbox" id="politics" onclick="check();" value="" autocomplete="off"/>
Нажимая на кнопку "Отправить заказ", я даю <a href="ссылка на страницу согласия">согласие на обработку персональных данных.</a>
2. В код кнопки “Отправить” добавляем name=”submit” и disabled=””. У меня код кнопки “Отправить” выглядит вот так:
<input type="submit" name="submit" class="submit" disabled="" value="Отправить" />
3. Сразу после закрывающего тега </form> вставляем следующий js скрипт:
<script>
function check() {
var submit = document.getElementsByName('submit')[0];
if (document.getElementById('politics').checked)
submit.disabled = '';
else
submit.disabled = 'disabled';
}
</script>
Этот код делает не активной кнопку отправить, пока не стоит галочка.
[porto_block name=”ads”]
Comments (8)
Спасибо, просто и понятно.
у нас конструктор устанавливает готовую форму контактов…Есть ли у Вас полный скрипт с полями имени, телефона и адреса и плюс вот этот скрипт о согласии? За скрипт о согласии отдельное спасибо!!!
Спасибо, друг, полезный код!
Здравствуйте! Данный пункт появится в MailChimp скоро, разработчики уже занимаются этим. Сейчас установили для вашего сайта галочку с помощью стороннего кода. Проверьте, пожалуйста.
Круто! то что искал – все работает!
Огромное спасибо! Все действительно работает! Автору преогромный РЕСПЕКТ!
Что за дрянь? ничего скопировать нельзя! зачем тогда выкладывать такие инструкции?
Все хорошо. Но у меня на странице 3 формы. Попытался настроить все три, работает только одна. Возможно нужны альтернативные термины или ещё что-то. Буду рад если кто подскажет. Заранее спасибо.