조건이 충족 될 때 파슬리를 사용하여 양식 유효성 확인

Question

파슬리 유효성 검사를 사용하여 등록 양식의 유효성을 검사합니다. 내 문제는 사용자가 확인란을 선택했을 때만 사용할 수있는 입력이 있다는 것입니다. 그러면 파슬리가 확인란을 선택했을 때만 입력 내용의 유효성을 검사하게 만드는 방법은 무엇입니까?

<form name="form1" method="POST" data-validate="parsley"> 

우리에 대해 어떻게 알게 되셨습니까? 다음 checkboxs에 대한

 <ul class="checklist"> 
     <li> 
      <input name="Internet" id="Internet" value="Internet" data-mincheck="1" data-group="mygroupp" type="checkbox"> 
      <label>Internet</label> 
     </li> 
     <li> 
      <input name="Newspaper" id="Newspaper" value="Newspaper" type="checkbox" data-mincheck="1" data-group="mygroupp"> 
      <label>Newspaper</label> 
     </li> <li> 
      <input name="Others" id="Others" class="input_control" value="Others" type="checkbox"/ data-mincheck="1" data-group="mygroupp" onClick="enable_text(this.checked)"> 
      <label>Others, Please Specify:</label> 
     </li> 
     </ul> 
     <p> 
     <input type="text" name="Otherinput" id="Otherinput" class="quter-width align-right margin_top_5" data-required="true" disabled="disabled" > 
     </p> 

검증이 잘 작동하지만 난 "기타"확인란을 누군가가 제발 직접 할 수 확인되는 경우에만 유효성을 검사 할 것 "otherinput"입력 필드에 대한 유효성 검사를 추가 할. 미리 감사드립니다.

Answer 1

Parsley.js가이 기능을 기본적으로 제공한다고 생각하지 않습니다. 대신, 당신은 너무 같은 onchange를 이벤트 리스너를 등록하여 사용자 정의를 작성할 수 있습니다

$('input#others').change(function() { 
    if (this.checked) { 
    $('#otherinput').attr('disabled', 'false'); 
    } else { 
    $('#otherinput').attr('disabled', 'true'); 
    } 
}); 

참고 :이 (대신 'Otherinput'의 'otherinput'즉)를 소문자 ID 이름을 가정합니다.

나는 테스트하지 않았지만, 이와 같은 것은 이론 상으로는 잘 작동합니다.

Answer 2

파슬리는 파슬리를 포함하기 전에 호출해야하는 jQuery (> = 1.6)에 의존합니다.

그런 다음 parsley.js 축소되지 않은 파일이나 축소 된 parsley.min.js를 사용할 수 있습니다. 이러한 파일 및 기타 빌드 (원격, 기타 ...)는 여기에서 사용할 수 있습니다.

마지막으로 유효성을 검사하려는 데이터 파슬리 유효성 검사를 추가하십시오. 검증이 성공적으로/충족되는 경우 형식은 유효한 데이터가 있는지 여부를 확인 할 수 있도록, 당신이 true를 돌려

<script src="jquery.js"></script> 
<script src="parsley.min.js"></script> 

<form data-parsley-validate> 
... 
</form> 

이있다 isValid() 메소드 :이처럼 꽤 많이 보일 것

.