Как добавить чекбокс политики privacy конфиденциальности к форме обратной связи…

Этой статьёй продолжаю прежнюю публикацию о форме комментариев (ссылка ниже) – а нынче организуем форму обратной связи нашего сайта в соответствии с требованиями закона о конфиденциальности privacy policy – добавим чекбокс (checkbox), для того, чтобы запретить корреспонденту отправку сообщения, пока тот ни отметит галочкой окошко: попросту – не примет пользовательское соглашение о конфиденциальности, скажем так…

Формы обратной связи, конечно, у всех разные, а поэтому многие блогеры пугаются… мол, не решат задачу у себя на сайте!..

Но дело вот в чём: разные-то разные, а вот принцип организации privacy policy одинаков!!

Тем, которые повнимательнее изучат эту статью – добавить к форме обратной связи своего сайта чекбокс для принятия “соглашения”, не составит труда.

Занавес… открывается…

форма обратной связи – пользовательское соглашение

Статья рассчитана на тех владельцев сайтов, у которых сама форма организована файлом шаблона… это когда созданная страница сайта привязана к определённому php файлу шаблона, который и обыгрывает вывод самой формы во фронтэнде (для пользователей сайта). Как-то так – не знаю как ещё понятнее пояснить…

…ну а те, которые отыскали этот php файл в своей теме, приступим…

Откроем соответствующий файл и отыщем что-то подобное примеру-фрагменту ниже:

<form>

...

<div class="contact-form-label <?php if($_POST && !$_POST['checkbox']) { echo 'contact-form-required'; } ?>"><?php _e('Высокая&nbsp;нота','themater'); ?>:<span class="required">&nbsp;!!</span></div>
<div class="contact-form-input"><span class="rdd"><input type="checkbox" value="on" onchange="document.getElementById('submit').disabled = !this.checked" /></span>Cогласен(на) <a title="Правила политики конфиденциальности сайта" href="//какой_адрес/" rel="nofollow noopener noreferrer" onclick="return !window.open(this.href)">с пользовательским соглашением</a> и правилами конфиденциальности РФ</div><br />

<div class="contact-form-input"><input type="submit" class="submit" id="submit" disabled value="<?php _e('вручить почтальону','themater'); ?>" /></div>

</form>

Это те строки, которые обыгрывают кнопку “Отправить” т.е привязку к форме обр. связи.

Далее нам нужно вживить в инпут (input) строки небольшой js сценарий (сценарий, может это и громковато – ну, ладно)

А пока создаём сам чекбокс type="checkbox", чтобы затем привязать его к кнопке “Отправить”.

… вот сама строка из показанного кода выше…

<input type="checkbox" value="on" onchange="document.getElementById('submit').disabled = !this.checked" />

и… привяжем disabled к кнопке отправить…

<div class="contact-form-input"><input type="submit" class="submit" id="submit" disabled value="<?php _e('отправить','themater'); ?>" /></div>

disabled – отключает “активность” кнопки при не помеченном чекбоксе… т.е пока чекбокс не помечен галочкой – невозможно отправить сообщение через обратную форму связи – privacy policy нужно принять, знаете ли))

Вот эта строка: кнопка “Отправить” у вас может быть несколько иная, не переживайте… помните о принципе!

<?php _e('вручить почтальону','themater'); ?>

Вот как бы и всё, …что мне хотелось доложить сегодня… ведь сложного-то в этой нашей задаче нет ничего: всего пару фраз добавить к своему уже существующим коду.

Посмотреть как вся эта конфиденциальность privacy policy работает, можно у меня на страничке обратной связи…

На этом занавес представления опускается…
…на рампы пыль печальная ложится…

P|s

Главное немного разобраться со своей формой обратной связи (файлом php – имя у него может быть какое угодно, в зависимости от темы – ищите) и применяйте “суть” этого описания у себя…

Если что не ясно, смело спрашивайте !! помогу с организацией легитимности и конфиденциальности…