Parsley.js - 그룹에 대한 이해와 오류

Question

나는 Parsley.js에서 그룹의 사용을 오해 한 것 같습니다. 내가 가정 한 것은 그룹이 개별 입력에 대한 오류가 아니라 그룹에 대한 오류를 표시하는 데 사용될 수 있다는 것입니다.

예를 들어 은행 세부 양식에 대한 정렬 코드 필드가 3 개 있습니다. 필수 항목이지만 모두 개별적으로 오류 메시지가 표시되는 것을 원하지 않습니다 (인라인 인 경우). 그들 중 오류가 발생했습니다, 나는 오류 메시지와 오류 클래스를 얻을 그룹 싶습니다.

양식 데이터를 수동으로 구문 분석하기 위해 맞춤 자바 스크립트를 작성하지 않아도 가능합니까?

Answer 1

data-parsley-group으로는이 작업을 수행 할 수 없습니다. 다중 단계 양식의 유효성을 검사하기 위해 그룹이 만들어졌습니다. 그건 당신이 단계 (그룹)로 나누어 한 번에 하나씩 유효성을 검사하는 큰 형식입니다.

사용자 정의 자바 스크립트를 추가하지 않고 사용할 수있는 것은 data-parsley-errors-container입니다.

이 특성은 오류 메시지를 그룹화하려는 모든 필드에 적용해야합니다. 이 같은 것을 사용한다 : element는 메시지가 표시됩니다 요소의 ID입니다

data-parsley-errors-container="#element" 

.

<form class="form-inline" role="form" id="myForm"> 
    <div class="form-group col-xs-12"> 
     <input type="text" class="form-control col-xs-3" id="field1" required 
      placeholder="Field 1" data-parsley-errors-container="#listFieldError" /> 
     <input type="text" class="form-control col-xs-3" id="field2" required 
      placeholder="Field 2" data-parsley-errors-container="#listFieldError" /> 
     <input type="text" class="form-control col-xs-3" id="field3" required 
      placeholder="Field 3" data-parsley-errors-container="#listFieldError" /> 
    </div> 
    <div class="form-group"> 
     <div id="listFieldError"></div> 
     <button type="submit" class="btn btn-default">Sign in</button> 
    </div> 
</form>