角度验证:从另一个表单访问表单

时间:2015-11-04 23:03:35

标签: javascript angularjs forms

我有两个简单的形式 -

<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代码。

0 个答案:

没有答案