Условная проверка формы parsley.js

Question

Я использую MVC с Angular JS и для проверки с помощью parsley.js(версия 2.6.2)

когда я отмечаю checkbox1, то при отправке формы должны быть указаны 2 текстовых поля (txtCustomer,txtchk1 & txtchk2)

если щелкнуть флажок 2, тогда должно появиться текстовое поле (txtCustomer & txtchk3)

Моя форма как ниже.

            <input type="checkbox" id="chkCreditCard" ng-model="dvCreditCard" ng-change="alert1(dvCreditCard)" />

            Check1 required
            <input ng-model="" type="text" class="form-control" id="txtchk1" placeholder="requied if checkbox1 checked" />
            <input ng-model="" type="text" class="form-control" id="txtchk2" placeholder="requied if checkbox1 checked" />


            <input type="checkbox" id="chkCheque" ng-model="dvCheque" />
            Check2 required
            <input ng-model="" type="text" class="form-control" id="txtchk3" placeholder="requied if checkbox2 checked" />

    </form>

Answer 1

Вы могли бы использовать ng-required директива здесь, чтобы сделать поле обязательным на основе выражения

<input type="checkbox" id="chkCreditCard" ng-model="dvCreditCard"/>

Check1 required
<input ng-model="texchk1" ng-required="dvCreditCard" type="text" 
 class="form-control" id="txtchk1" placeholder="requied if checkbox1 checked" />
<input ng-model="txtchk2" type="text" class="form-control" ng-required="dvCreditCard" 
  id="txtchk2" placeholder="requied if checkbox1 checked" />
<input type="checkbox" id="chkCheque" ng-required="dvCreditCard" ng-model="dvCheque" />

Check2 required
<input ng-model="txtchk3" type="text" ng-required="dvCheque" class="form-control" id="txtchk3" placeholder="requied if checkbox2 checked" />