如何启用/禁用html控件' AngularJS中的验证

时间:2017-05-04 09:38:13

标签: javascript jquery angularjs angular-validation

我有一个单选按钮组。第一个用于"内部孟加拉国"和孟加拉国以外的第二个"。如果我点击" Inside Bangladesh"地址字段(文本框)无需验证,但如果我点击"孟加拉国境外"将触发地址字段所需的验证。看下面的代码:

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

1 个答案:

答案 0 :(得分:1)

 <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,请将其设置为falsetrue