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/

PHP仅在勾选复选框时提交表单

1 个答案: