Javascript 在同一页面上设置多个表单/验证

怎么了，总安格拉斯·努布在这里，寻找一些答案

我的页面设置如下：

    <form name="mainForm" class="content" ng-app="pathForm" ng-controller="FormControl" novalidate>

    <div class="full-page open" id="form1">
    <!-- Form 1 content here -->
    </div>  

    <div class="full-page" id="form2">
    <!-- Form 2 content here -->
    </div>

    <div class="full-page" id="form3">
    <!-- Form 3 content here -->
    </div>

    <div class="full-page" id="form4">
    <!-- Form 4 content here -->
    </div>

</form>

其中每个表单都有自己需要验证的输入集。我已经能够在所有四个表单上进行验证，因为我建立了一个涵盖所有四个表单的包含表单ng的应用程序。提交时，脚本从打开的表单中删除“open”类，循环到enxt表单，并在该表单上添加打开的类

我如何设置它以使这些表单中的每一个都可以单独验证

提前感谢。

您需要和

此指令中具有名称的每个ng form指令都将属性添加到

$scope

。您可以在“提交”按钮单击调用的函数中访问此属性（它是对象，FormController的实例）

此对象中有一些属性和方法。您需要属性

$valid

（或

$invalid

）来获取表单的验证状态

HTML:

自定义验证程序 如果内置验证器不足，您可以添加自己的自定义验证器

请参阅so.com上的和

<ng-form name="form1"></ng-form>
<ng-form name="form2"></ng-form>
<button ng-click="submit();">Submit</button>

$scope.submit = function () {
    if ($scope.form1.$valid && $scope.form2.$valid) {}
}