2014-02-17 2 views
0

jQuery Accordion & 동일한 페이지에 대한 유효성 확인 ... 양식 내에 3 개의 아코디언이 있습니다.Jquery 유효성 검사, 오픈 아코디언

유효성 검사가 완벽하게 작동하지만 원하는 필드 중 하나가 유효하지 않은 경우 유효하지 않은 필드에서 아코디언을 열려고합니다.

invalidHandler: function(event, validator, element) { 

    $('#form1').find('error.error-message').parents('fieldset').next().show(); 

}, 

사람이 관리하고이 작업을 수행 :

는 내가이 다음을 사용하여 내가 해봤의 InvalidHandler에 그것을 할 노력하고있어하지만 열려 얻을 수 없다?

감사합니다.

답변

0

이 클래스는 당신이 jQuery를 UI 아코디언과 아래의 코드를 시도보다는 "오류"입니다 클래스 이름을 사용하는 경우

$('#form1').find('.error.error-message').parents('.fieldset').next().show(); 
+0

감사 등의 내부 텍스트가 ID를 찾아, 그 시도했지만 여전히 ... 작동하지 않습니다 콘솔에서 오류가 발생하지 않습니다. – WebDevB

+0

나는 또한 시도했다 : $ ('# form1') find ('error.error-message') 부모 ('fieldset'). find ('legend'). – WebDevB

+0

도 html을 제공하거나 바이올린을 만들 수 있습니다 – Prashobh

0

.

$('#form1').find('error.error-message').parents('fieldset').next().show(); 

를 추가 할 경우.

$('#form1').find('.error.error-message').parent().parent().next().next().show(); 
+0

다음은 바이올린입니다. http://jsfiddle.net/ts5fz/1/ – WebDevB

1

이 작업 남자를 관리했습니다.

것은 그냥 코드에서 .parents() 중 하나를 제거, 그래서 지금은 다음과 같습니다

$('#form1').find('.error.error-message').parents().show(); 

감사합니다.

0

아코디언과 내부 div가 있다고 가정 해 보겠습니다. 그런 다음 내부 div에 여러 개의 필수 필드 유효성 검사기 컨트롤이 있다고 가정합니다. 'Please require this field'와 같은 텍스트가 있습니다.

그런 다음 필요한 유효성 검사기와 일치하는 내부 텍스트가 'Please'를 찾은 다음 옷장 아코디언 div 인덱스를 찾습니다. 먼저 표시하도록 색인으로 설정하십시오. $ 아래 ('[ID가 * = 마스터 카드]') '마스터'는 게시물에 대한

///managing the display of accordion tab has validation failure    


    $('[id*=MasterCard]').each(function() { 
     var reqID = this.style.display; 
     if (reqID == 'inline' && this.innerText.indexOf('Please') > -1) { 
      var index = $(this).closest(".ui-accordion-content") 
          .index(".ui-accordion-content"); 
      $("#accordion").accordion({ 
       active: index 
      }); 
     } 
    });