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。

类的搜索页面.has-error

2 个答案: