부트 스트랩 검증 | 확인란 데이터 토글 = "토글"

Question

나는 누군가가 나를 도와 주시겠습니까 전환 효과

<div class="togglebutton form-group has-feedback paddingTopBtn8"> 
    Yes<label> <input type="checkbox" ng-model="checkfield" required data-error="This is an mandatory field"> 
    <div class="help-block with-errors"></div> 
    <span class="toggle"></span></label>No 
</div> 

와 체크 박스에 유효성 검사를 적용 할. 작동하지 않습니다. 내가 필요한 응용 및 데이터 오류도 있지만 양식을 제출시는

Answer 1

확인란을 사용하여 토글 효과가 무엇을 의미하는지 명확하지 않습니다.

그러나 양식 유효성 검사 예제 https://scotch.io/tutorials/angularjs-form-validation을 사용하고 체크 박스 유효성 검사를 위해 작은 POC를 만들었습니다.

여기 좀보세요.

<div class="togglebutton form-group has-feedback paddingTopBtn8"> 
    Yes<label> <input type="checkbox" ng-model="user.checkfield" required  
    name="checkfield"> 
    <p ng-show="userForm.checkfield.$invalid && !userForm.checkfield.$pristine" 
    class="help-block">Please toggle.</p> 
    <span class="toggle"></span></label>No 
</div> 

CodePen Example

Answer 2

난 당신 만하면 생각 NG-유효 내가 사전에

감사 확인란을 선택 여부 표시 :

<input type="checkbox" ng-model="checkfield" required data-error="This is an mandatory field" checked data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">