关闭已禁用表单控件的验证 角度

Turn Off Validation for Disabled Form Controls Angular

本文关键字:控件 验证 角度 表单      更新时间:2023-09-26

我有一个按钮设置为禁用,直到表单有效。但是,根据情况,某些表单字段也会被禁用。我的问题是,我只需要用户填写未禁用的表单字段,但 angular 似乎没有验证禁用的字段。

<button ng-click="form.checkVerify(); appCtrl.pageLoad('spec')" ng-disabled="checkVerifyForm.$invalid" class="btn btn-lg btn-success pull-right">Complete</button>
<form name="checkVerifyForm">
  <div class="col-md-6">
    <fieldset ng-disabled="!form.dataStore.reqMake">
<label for="makeRec">Maker Recourse</label>
      <div class="form-group">
        <label class="radio-inline">
          <input ng-change="form.justify()" ng-model="form.verify.mRec" type="radio" name="makeRec" id="makeRecYes" value="1" /> Yes
        </label>
        <label class="radio-inline">
          <input ng-change="form.justify()" ng-model="form.verify.mRec" type="radio" name="makeRec" id="makeRecNo" value="0" /> No
        </label>
        <span id="helpBlock" class="help-block">Is there adequete recourse...</span>
      </div>

现在我已经看到了一些非常激烈的指令来完成任务,但是控制器中是否有一些简单的事情可以克服这种特定情况?

您可以使用例如 ng-required实现这一目标。

<input ng-change="form.justify()" 
       ng-model="form.verify.mRec" 
       type="radio" 
       name="makeRec" 
       id="makeRecYes" 
       value="1" 
       ng-required="form.dataStore.reqMake" /> Yes

AngularJS 输入文档