类 .has-error 的搜索页面

Question

所以我在 Javascript 中构建了一些验证，当字段出现错误时，div <div class="form-group">...</div> 变为 <div class="form-group has-error">...</div>

然后我有一个.btn-bar div，其中包含用于提交表单的按钮。当页面加载时，我默认隐藏这个：

$(document).ready(function(){
    $('.registration-information').hide();
    $('.btn-bar').hide();
});

我有一个显示.btn-bar的功能：

function enableButtons(){
  if(noErrors){
    $('.btn-bar').slideDown();
  }
}

现在显然，上面的脚本不起作用。更具体地说，if 声明。我的问题是，如何在页面上的类名中搜索具有 has-error 的 div？如果有则 btn-bar 不显示，如果没有则 btn-bar 显示。

Answer 1

在 jQuery 中它实际上相当简单。试试这样的：

function noErrors() {
    return $('.has-error').length == 0;
}

function enableButtons(){
    if(noErrors()){
        $('.btn-bar').slideDown();
    }
}

我将 noErrors() 分离到它自己的函数中，以防您最终想要添加的其他验证测试不仅仅与 .has-error 类相关。

祝你好运！

Answer 2

你可以这样做：

$(document).ready(function(){
    $('.registration-information').hide();
    $('.btn-bar').hide();

    if (!$('.has-error')) {
        $('.btn-bar').slideDown();
    }
});

它将检查是否有任何元素具有 .has-error 类，如果在页面上的任何位置不存在 !，它将显示 .btn-bar。