PHPチェックボックスがオンの場合にのみフォームを送信

Question

私が開発したワードプレスウィジェットに問題があります。

電子メールフィールド、ボタン、チェックボックスが付いたフォームです。上のユーザーのクリックを送信すると

は、私は、チェックボックスがチェックされているかどうかを確認したいとYESがフォームを送信する場合...

私の問題は、フォームがチェックボックスがチェックされていなくてもタフに提出されていることです。ページがリロードされます。

<?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/