我有一个单选按钮组。第一个用于“孟加拉国境内”,第二个用于“孟加拉国境外”。如果我单击“孟加拉国境内”,地址字段(文本框)不需要验证,但如果我单击“孟加拉国境外”,将触发地址字段所需的验证。看我下面的代码:
<ng-form id="validateReg" name="validateReg">
<div ng-class="{'has-error': validateReg.chkInside.$invalid}">
<label>
<input type="radio" id="radioInsideBD" required value="1" ng-model="chkInside" name="chkInside" />
Inside Bangladesh
</label>
<label>
<input type="radio" id="radioOutsideBD" required value="1" ng-model="chkInside" name="chkInside" />
Outside Bangladesh
</label>
</div>
<div ng-class="{'has-error': validateReg.address.$invalid}">
Address: <textarea type="text" class="form-control" ng-model="address" name="address" id="address"></textarea>
</div>
</ng-form>
最佳答案
<div ng-class="{'has-error': (addressRequired ? validateReg.address.$invalid : false)}">
Address: <textarea type="text" class="form-control" ng-model="address" name="address" id="address"></textarea>
</div>
您应该根据所选的单选按钮设置/取消设置 addressRequired
。
如果选择 Inside Bangladesh
,则将其设置为 false
或 true
。
关于javascript - 如何在 AngularJS 中启用/禁用 html 控件的验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43779220/