검색 페이지 .has 오류

Question

그래서 나는 자바 스크립트에 약간의 유효성 검사를 구축하고 필드에 오류가있을 때 사업부 <div class="form-group">...</div>는 <div class="form-group has-error">...</div>

내가 다음 양식을 제출하기위한 버튼을 포함하는 .btn-bar 사업부가된다. 나는이 기본적 경우로 페이지가로드를 숨긴 :

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

지금 obviosuly, 스크립트가 이상 작동하지 않습니다

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

나는이 .btn-bar 표시하는 기능을 가지고있다. 보다 구체적으로는 if 성명입니다. 내 질문에, 페이지의 클래스 이름에 has-error이있는 div를 검색하려면 어떻게해야합니까? 만약 하나가 있다면 btn-bar는 보여지지 않습니다. btn-bar가 없다면 보여줍니다.

Answer 1

jQuery에서는 실제로 매우 간단합니다. 경우에 당신은 결국 단지 .has-error 클래스와 관련이없는 점에서 추가 할 다른 유효성 검사가, 내가 noErrors을 분리

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

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

() 자신의 기능에이 같은 것을보십시오.

행운을 빈다.

Answer 2

당신은 단순히 이렇게하여이 작업을 수행 할 수 있습니다 :

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

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

그것은 모든 요소는 클래스 .has-error이 있는지 확인합니다, 그렇지 않은 !이 페이지의 아무 곳이나 존재하는 경우, 그것은 .btn-bar 표시됩니다 .