我有两个简单的形式 -
<form novalidate name="frm1" class="form-horizontal" role="form">
<fieldset>
<div class="form-group row">
<label for="sectionTxt" class="control-label col-sm-2">Section(s)</label>
<div class="col-sm-2" ng-class="{ 'has-error':lq.section.$error.pattern}">
<input type="text" id="sectionTxt" name="section" ng-model="query.section" class=" col-sm-2 form-control" ng-pattern="/^(\d)+$/" />
</div>
<div style="color:red" ng-show="form1.section.$error.pattern">Numbers Only Please</div>
</fieldset>
</form>
<form novalidate name="frm2" class="form-horizontal" role="form">
<fieldset>
<div class="form-group row">
<button class="col-sm-1 col-sm-push-8 btn btn-default" type="submit" ng-click="filterGrid()" ng-disabled="!frm1.$error">Search</button>
</div>
</fieldset>
</form>
Form2在form2中始终为null或falsy。
如何在ng-disabled指令中从form2访问form1?我需要在form2中启用提交按钮之前检查form1是否有效。
我也更喜欢在标记中完全进行验证,而不是在控制器或指令中编写任何JS代码。