JQuery 验证和复选框(Chrome/Safari)

Question

我正在使用 jQuery Validation Plugin 1.9.0 来验证我的样式表。我测试过 IE7/8/9、Firefox、Safari、Chrome 和 Opera。一切正常，除了在 Safari 和 Chrome 中验证复选框。没有错误消息或阻止发布表单。有什么我可以做的，或者这是 Safari 和 Chrome 的问题吗？

复选框:

<label class="checkbox" for="joingroupkey_1">
    <input type="checkbox" class="checkbox hiddeninput" value="1" id="joingroupkey_1" name="joingroupkey">
    <div class="checkbox styled"></div>
    Newsletter 1
</label>
<label class="checkbox" for="joingroupkey_2">
    <input type="checkbox" class="checkbox hiddeninput" value="2" id="joingroupkey_2" name="joingroupkey">
    <div class="checkbox styled"></div>
    Newsletter 2
</label>
<label class="checkbox" for="joingroupkey_3">
    <input type="checkbox" class="checkbox hiddeninput" value="3" id="joingroupkey_3" name="joingroupkey">
    <div class="checkbox styled"></div>
    Newsletter 3
</label>

脚本:

$('#newsletter').validate({
    rules: {
        joingroupkey: {
            required: true,
            minlength: 1
        }
    },
    errorPlacement: function(label, element) {
        label.insertBefore(element);
    }
});

Answer 1

最后我在一行简单的 css 中找到了问题的答案:

input,textarea,select { -webkit-appearance: none; -moz-外观:无；

当我删除此行时，验证工作正常。

我不得不承认我不知道这对脚本有何影响，我必须从生成的 html 开始，逐行查找，直到找到导致问题的 css。