PHP Отправить форму, только если установлен флажок

Question

У меня проблема с разработанным мной виджетом WordPress.

Это просто форма с полем электронной почты, кнопкой и флажком.

Когда пользователь нажимает на кнопку отправитьЯ хочу проверить, отмечен ли флажок, и если ДА отправит форму ...

Моя проблема заключается в том, что форма отправляется, даже если флажок не установлен.Страница перезагружена.

Вот краткая версия моего кода:

<?php if(isset($_POST['rules']) && $_POST['rules'] == 'Yes') 
{
        echo 'The checkbox was selected'; 
} else {
        echo 'The checkbox wasn\'t selected';
} ?>

<form id="form-invite" method="post" action="">
    <label>Your friend(s) email :</label>
    <br/>
    <small style="text-transform:uppercase;font-family:Arial;font-size:9px;color:#333;"<em>Multiple emails separated by comma.</em></small>
    <input class="kolom" type="text" name="email" id="email"/>
    <input class="button-primary classic-button" type="submit" name="send-them" value="Send Invitation"/>
    <input type="checkbox" name="rules" value="Yes" /> <span id="rulesInfo">I read the Privacy Policy</span><br/>
    <span id="emailInfo"></span>
</form>

Answer 1

Добавьте в форму простой обработчик onsubmit, например:

<script>
    document.getElementById("form-invite").onsubmit = function() {
        return this.rules.checked;
    }
</script>

Демонстрация: http://jsfiddle.net/vqVEF/