2016-12-06 2 views
0

양식 끝에 "예"와 "아니오"라는 두 개의 라디오 버튼이 있습니다. 현재 사용자가 "예"또는 "아니오"를 선택했는지 여부에 관계없이 사용자 입력의 유효성을 검사합니다.특정 라디오 버튼이 선택된 경우에만 유효성을 검사 할 수 있습니까?

"예"를 선택한 경우에만 입력의 유효성을 검사하고 "아니오"를 선택하면 오류 메시지를 표시하고 싶습니다. ParsleyJS와 가능한가?

언급하는 것이 중요한지는 모르겠지만 데이터 속성을 사용하여 ParsleyJS 만 통합했습니다. 양식 유효성 검사를 위해 사용자 정의 jQuery 또는 JavaScript를 사용하지 않습니다.

도움 주셔서 감사합니다.

+1

당신은'data-parsley-equalto = "# hidden-field"'를 할 수 있으며, yes로 숨겨진 필드를 가지고 있습니다. 그렇지 않다면 에러 메시지를 보여줄 수 있습니다. – Pete

+0

놀라운 @Pete, 작동 중입니다. 당신의 제안대로 빠르고 솔직한 의견을 보내 주셔서 감사합니다. – bauhausweb

답변

0

@Pete의 의견 덕분에 나는 내 문제를 해결할 수 있었기 때문에 다른 사람들이 같은 문제에 직면하게 될 경우에 대비하여 내 질문에 올바르게 답변하고 싶습니다.

입력 내용은 다음과 같습니다 (각 답변 옆에 라디오 버튼이있는 것으로 상상해보십시오 ...) :
18 세 미만입니까? 예 일반적인 기능이 없음

<label>Are you under 18 years old?</label> 
<input type="hidden" id="no" value="no"> 
<input type="radio" id="form-s-r" name="radio" value="yes" data-parsley-required="true" data-parsley-trigger="change" data-parsley-multiple="radio" data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services."> 
<label for="form-s-r">Yes</label> 
<input type="radio" id="form-s-r1" name="radio" value="no" data-parsley-equalto="#no" data-parsley-multiple="radio"> 
<label for="form-s-r1">No</label> 

사용자가 말한다면 "예"형태 것 하지의 유효성을 검사하는. 대신 data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services."이 표시됩니다.

id="no"의 숨겨진 입력 값과 같도록 두 번째 라디오 버튼 ("아니요") 만 일치하므로 data-parsley-equalto="#no" 속성을 추가하면됩니다.

관련 문제