添加自定义单选按钮后,隐藏单选按钮的jQuery验证错误消息不起作用

时间:2014-09-02 03:26:57

标签: jquery validation

你好我有Jquery Validate的问题。我有像这样的错误处理程序的单选按钮

<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定制单选按钮&gt;&gt; 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>

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

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

那么在我定制单选按钮之前如何修复它就像条件一样?对不起我的英文

1 个答案:

答案 0 :(得分:0)

默认情况下,jQuery Validate忽略隐藏的输入元素。

简单地告诉插件不要忽略隐藏元素(这是在初始化iCheck时会发生的事情):

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