이전에 숨겨진 필드에 대한 jquery 유효성 검사기

Question

라디오를 기반으로 숨김/표시되는 필드가 있습니다.

때문에 로딩 페이지 동안 우리가 만들어 그것을 볼 수 난 당신이 프리젠 테이션 로직을 위해 사용하고있는 프레임 워크 모르는

$(document).ready(function() { 

     if(edit) { 
      populateData(); 
     } 

     $(radio).change(function(){ 
      //here also we show hide text box based on radio value 
     }) 

     function PopulateData() { 
      //This does select radio and based on same show/hide text field 
     } 

     $("myForm").validate(); // attaching validate . At this point field could be hidden or visible 


     $(savebutton).click(function(){ 

     /*This does not validate text 
      field (visibleBasedOnRadio) which was hidden and made visible by either of above */ 

      if($("myForm").valid() == false) { 
       return false; 
      } 
     }); 
    }); 

<form id="myForm"> 
<radio> 
    <option 1> 
    <option 2> 
</radio> 

<input type="text" id="visibleBasedOnRadio" class="required" style="display:none"/> 
</form> 

Answer 1

라디오 값을 기준으로 숨겨져. 내가 할 수있는만큼 포괄적이 되려고 노력할 것이다.

두 변수를 양식에 추가 할 수 있습니다.

1. radioButtonValue - 선택한 라디오 버튼의 값을 보유합니다. 예를 들어 option1 또는 option2와 같이 말하십시오. 이 필드에 기본값을 설정하여 페이지가로드 될 때 기본적으로 특정 옵션이 선택되도록 할 수 있습니다.

2. valueOfTheVisibleField -이 필드는 라디오 버튼을 선택하면 표시되는 입력 텍스트 상자의 값을 유지합니다. 당신의 유효성 검사 라디오 버튼의 첫번째 값에 지금

   <form> 
       <input type="radio" name="radioButtonValue" value="option1"> Option 1<br> //This is checked. 
       <input type="radio" name="radioButtonValue" value="option2"> Option 2<br> 
       <input type="text" id="visibleBasedOnRadio" class="required" name="valueOfTheVisibleField" style="display:none"/> 
   </form> 
   

. 값이 option2 인 경우에만, 즉 필수 입력란이 표시 될 때만 ... 텍스트 상자 값이 존재하는지 확인하십시오. 그렇지 않은 경우 valueOfTheVisibleField 필드와 관련된 작업을 수행하지 않으므로 해당 필드가 숨겨져 있습니다.