添加自定义Radio后隐藏Radio的jQuery验证错误消息

Question

你好，我在Jquery验证方面有问题。我有一个带有这样的错误处理程序的收音机按钮

<input name="umum_expectation" type="radio" value="1" required data-msg-required="Please select one" /> 1 <br/>
<input name="umum_expectation" type="radio" value="2" />2<br/>
<input name="umum_expectation" type="radio" value="3" />3<br/>
<input name="umum_expectation" type="radio" value="4" />4<br/>
<input name="umum_expectation" type="radio" value="5"  />5<br/>

<!-- handler show error-->
<label for="umum_expectation" class="error"></label>

我用iChek >> https://github.com/fronteed/iCheck/定制单选按钮

而此代码自定义

<script type="text/javascript">
            $(document).ready(function() {
              $("input[type='radio']").iCheck({
              checkboxClass: 'icheckbox_square-blue',
              radioClass: 'iradio_square-blue',
              increaseArea: '20%'
            });
            });
        </script>

在我定制单选按钮之前，当我按下提交按钮而不检查单选按钮时，就会显示错误。然后我检查单选按钮，的错误可以自动隐藏。

当前状态，当我按下提交按钮而不检查单选按钮时，会显示错误。然后我检查单选按钮，错误不能自动隐藏。这必须再次按提交按钮以隐藏错误

那么，在我定制单选按钮之前，如何修复它呢？对不起我的英语

Answer 1

默认情况下，jQuery验证忽略隐藏的输入元素。

只需告诉插件不要忽略隐藏元素(这是当您将iCheck初始化时会发生的情况)：

$('form').validate({
    hidden:'',
    //the rest of your options
});