Parsley.js는 지정된 오류 컨테이너 요소의 끝에 오류 메시지를 추가합니다. 그러나 입력 후가 아닌 입력 전에 오류 메시지가 나타나기를 원합니다.
<div class="form-group">
<ul>
<li>This value is required.</li>
</ul>
<div class="btn-group" data-toggle="buttons">
<label><input type="radio" name="myButton" value="yes" required="required">Yes</label>
<label><input type="radio" name="myButton" value="no" required="required">No</label>
</div>
<!-- This is where the error message would go by default. -->
</div>
이것이 가능한가? 문서에서 비슷한 언급을 찾을 수 없습니다.
오래된 질문이지만 내가 한 것처럼이 질문을 접한 사람들에게는 해결책이 있습니다. Parsley를 사용하면 오류 메시지에 대한 사용자 지정 컨테이너를 정의 할 수 있습니다.
간단한 예 :
<form class="quoteForm" data-parsley-validate>
<div class="nameError"></div>
<input type="text" name="name" placeholder="Name*" data-parsley-required="true" data-parsley-errors-container=".nameError"/>
</form>
핵심은 다음과 같습니다.
data-parsley-errors-container=".nameError"
오류 메시지를 저장할 사용자 지정 상자를 지정합니다. 이것은 양식 입력 위에 있기 때문에 그 위에 멋지게 오류가 발생합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다