javascript - 类 .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 类无关。

祝你好运!