Javascript 使用jquery验证器进行文本字段组验证

目前正在使用jquery组字段验证。我使用的是我搜索过的很棒的jquery验证插件，所以实际上我对使用当前代码进行组验证有了一些想法，我可以验证这三个字段，当我输入任何字段时，errClass消失了，但验证计数没有检测到

我想不出是什么问题

这是jquery代码

$(document).ready(function () {   
$(".error_msge").hide();
  $(".basicForm").validate({
   ignore: false,
     onkeyup: false,
        showErrors: function (errorMap, errorList) {
        var errors = this.numberOfInvalids();

        if (errors) {
            var message = errors == 1 ? 'You missed 1 field. It has been highlighted' : 'You have missed ' + errors + ' fields. Please fill the highlited field before submit.';
            $("#error_message").html(message);
            $(".error_msge").show();
        } else {
            $(".error_msge").hide();
        }
        this.defaultShowErrors();
    },
    errorPlacement: function () {
        return false;
    },
    highlight: function (element) {

        if ($(element).is(':radio'))  {

        } else {
            $(element).addClass('errRed');
        }
        $(element).prevAll('label').find('span.required-star').addClass('text-error-red').removeClass('text-error-black');            
    },
    unhighlight: function (element) {

        if ($(element).is(':radio')) {
        } else {
            $(element).removeClass('errRed');
        }
        $(element).prevAll('label').find('span.required-star').addClass('text-error-black').removeClass('text-error-red');

    },

    rules: {
        txt_Po: {
              require_from_group: [1, ".txt_Add"]
            },
            txt_Bdg: {
              require_from_group: [1, ".txt_Add"]
            },
            txt_St: {
              require_from_group: [1, ".txt_Add"]
            }

    }
});
});

这是我的HTML代码

<span id="error_message" class="error_msge">

            </span>
<form autocomplete="off" class="basicForm" id="basicForm" method="POST">
<!--first field-->
<label>P.O.Box</label>
                      <br/>
                      <input type="text" class="ipt_Field txt_Add" id="txt_Po" name="txt_Po" />
    <!--second field-->
 <label>Building</label>
                      <br/>
                      <input type="text" class="ipt_Field txt_Add" id="txt_Bdg" name="txt_Bdg" />
    <!--third field-->
<label>Street</label>
                      <br/>
                      <input type="text" class="ipt_Field txt_Add" id="txt_St" name="txt_St" />
<button class="btn-next" id="btn-Next" >Next</button>
</form>

---

提前感谢

问题不在于计数，问题>单击下一步>3个无效输入>填充值和错误计数直到插入第3个输入值>所有看起来都很好，但此时如果我从任何输入中删除值，然后单击下一步按钮，它将移动到下一步，而不验证空白输入任何人想解决这个问题，这里是一个快速启动任何建议，上述问题是不是与伯爵，问题> >点击下一步> 3个无效输入>填充值和错误计数，直到插入第三个输入值>所有看起来不错，但此时，如果我从任何输入中删除值，然后单击“下一步”按钮，它将移动到下一个步骤，而不验证空白输入任何人想要解决这个问题，这是一个快速的开始，对于上面的问题有什么建议吗

.errRed {
color: black !important;
border: 1px solid #EA373D !important;
padding: 6px !important;
}
.error_msge {
    border:1px solid red;
    width: 450px;
    margin: 0px auto;
    text-align: center;
    background-color: #FFBABA!important;
    padding: 5px;
 }