Проверка правильности загрузки | Галочка данных тумблер = «тумблер»

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 для проверки флажка.

PLease посмотреть здесь.

<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

Я думаю, вам нужно всего лишь:

<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">