复选框上的jQuery表单验证答案

【问题标题】：jquery form validation on checkbox复选框上的jQuery表单验证
【发布时间】：2013-01-25 09:13:59
【问题描述】：

如果用户没有选中复选框上的选项，我希望显示一条错误消息...我尝试了以下代码：

if (!$('input[name="problems[]"]').is(':checked')) {
                    var error = true;
                    $('#option_error').fadeIn(500);
                }else{
                    $('#option_error').fadeOut(500);
                }

但是不管有没有勾选都显示错误信息？

有什么想法吗？

【问题讨论】：

您是在使用 jQuery 验证插件，还是只想手动执行此操作？
代码执行时$('#option_error').length是什么？代码执行时$('input[name="probles[]"]').length 是什么？这段代码在什么时间执行？
我正在尝试手动操作
当表单提交按钮被按下时执行
@John: As you can see from this fiddle，这样的代码没有直接问题。问题可能在于您的输入或您的错误消息未找到。如果您说它是在提交时执行的，那么另一个问题可能是您继续提交而不管error 的值如何。我们需要查看更多周边代码。

标签： jquery forms validation checkbox

【解决方案1】：

试试这个

function testing() {            
        if (document.getElementById('problems').checked == false) {               
            document.getElementById('option_error').style.display = "block";
            document.getElementById('option_error').fadeIn(500);
        } else {
            document.getElementById('option_error').style.display = "none";
            document.getElementById('option_error').fadeOut(500);

        }
    }

【讨论】：