Создание всплывающего окна при отправке формы

Question

У меня есть WordPress-сайт, и я пытаюсь установить флажок «Я согласен с условиями и услугами», который появляется, когда пользователь нажимает кнопку «Отправить».Пользователь ДОЛЖЕН проверить это перед отправкой, и это должно быть во всплывающем окне (в отличие от другого поля формы).

Я пробовал javascript, но я не очень хорош с ним, и, конечно, я 'мы пытались редактировать реальный PHP, но это было намного более грязно, чем я думал.

Вы можете увидеть это здесь: http://www.choosewiselybook.com/tell-us-a-story/submit-your-story/

Большое спасибо за помощь

Answer 1

Почему бы не создать условия в виде элемента div со следующим в его css

`display:none;`

Так что он начинается невидимым.И флажок, и новая кнопка отправки или подтверждения в html. Затем возьмите любой JavaScript, который «отправляет», или какое-либо действие, за которое ваша кнопка отправки отвечает за перемещение на новую кнопку отправки, и добавьте оператор if, который зависит от проверяемого флажка.,Затем вам нужно переназначить свою старую кнопку отправки со следующим javascript:

document.getElementById('confimationButton').style.display = 'block'

, чтобы она стала видимой и всплыла.Я надеюсь, что это полезно.

Answer 2

Довольно прямой (немного хакерский) способ: кнопку «Отправить» на связанной странице можно отредактировать (если у вас есть доступ к коду), чтобы задать вопрос подтверждения, подобный этому:

<input type="submit" 
    onclick="return cforms_validate('', true) && confirm('You sure?')" 
    value="Submit" class="sendbutton" id="sendbutton" 
    name="sendbutton" style="cursor: auto;">

Что былодобавлен бит && confirm('You sure?'), который гарантирует (в дополнение к предыдущему методу проверки), что пользователь нажимает «Да» во всплывающем диалоговом окне.