2017-12-19 14 views
-1

jQuery 유효성 검사 사용. jQuery가 초기에 비활성화되었지만 다른 양식 입력을 기반으로 다시 활성화 된 입력의 유효성을 확인하는 방법은 무엇입니까?jQuery 유효성 검사를 사용하여 다시 활성화 한 후 양식 선택 유효성 검사 활성화

이것은 다소 일반적인 것 같지만 답변을 추적하지 못하는 것 같습니다. 비활성화 된 선택 드롭 다운이 포함 된 초기 양식이 있습니다. 사용자가 양식에 다른 정보를 입력하면 선택 드롭 다운이 활성화됩니다. 양식을 제출할 때 초기에 비활성화 된 "필수"선택 드롭 다운의 유효성을 검사하지 않는 것 같습니다.

감사합니다.

+0

당신이 당신의 예제 코드를 공유 할 수 : 다음 예제를 확인? 이런 소리가 이벤트 위임과 관련된 문제입니다 : https://learn.jquery.com/events/event-delegation/ –

+0

코드는 어디에 있습니까? 두 번째로, jQuery Validate 플러그인은이 상황에서 자동으로 유효성 검사를 활성화/비활성화하므로 코드 없이는 질문에 답변 할 수 없습니다. – Sparky

답변

1

Jquery 유효성 검사 플러그인이 자동으로이를 수행합니다.

$(document).ready(function() { 
 

 
    $('#myform').validate({ 
 
     rules: { 
 
      foo: { 
 
       required: true 
 
      }, 
 
      bar: { 
 
       required: true 
 
      } 
 
     } 
 
    }); 
 
    
 
    $('#enable').click(function(){ 
 
    \t $('#bar').attr('disabled', false); 
 
    }); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> 
 

 
<form id="myform"> 
 
    <input type="text" name="foo" /> 
 
    <br> 
 
    <input type="text" name="bar" id="bar" disabled /> 
 
    <br> 
 
    <a href="javascript:void(0);" id="enable">Enable It</a> 
 
    <br> 
 
    <input type="submit" /> 
 
</form>

+0

감사합니다 Mayank. jQuery 유효성 검사 홈 페이지에서 기본 out-of-the-box validate() 메서드를 사용하고 있다는 점에서 예를 들어 보겠습니다. 이 예에는 특정 '규칙'섹션이 포함되어 있지 않습니다. 간단한 경우에도 작동하지만 내 페이지 예제에서는 홈 페이지 예제 메서드가 작동하지 않습니다. 내가 한 모든 것은 validate()에 "규칙"을 추가하는 것뿐이었습니다. 많은 감사합니다. – user2737646

+0

이 답변이 도움이된다면 커뮤니티에 도움이되므로 허용으로 표시 할 수 있습니다 –