Javascript Angular JS逐步验证不起作用

我已经开始进入角度JS验证

我有以下步骤：

<step title="Let's begin with some information about your business">
          <form name="myForm" ng-submit="submitForm(myForm.$valid)" novalidate>
          <table>
              <tr>
                  <td><label>Your Name</label></td><td><input class="form-control" type="text" ng-model="user.name" required /></td>
              </tr>
</table>
</form>
</step>

我试图做的是阻止用户进入下一步，直到必填字段被填充

就在我的步骤结束之前和表单结束之后，我添加了这个

{{{myForm.$invalid}}

，它显示为true，如果我将其更改为valid，它将返回false。因此，这似乎是一种工作，除了我不能阻止我的用户进入下一页

当前使用此代码时，即使是否填写了必填字段，按钮也不会转到下一步。请帮忙

我还应该注意，$scope.submitForm表示其未定义：(

---

另一个注意：{{myForm.$valid}}返回false，但当我填写必填字段时，它返回true…我如何在js文件中为$scope.gotoNextStep函数使用myForm.$valid

您可以在按钮中使用ng disabled吗？如下：

<a ng-disabled="myForm.$pristine || myForm.$invalid" class="btn btn-default" ng-click="gotoNextStep()" ng-show="showNextButton()">Next</a>

下一步

---

然后去掉表单标签中的ng submit。我还注意到你的表单上有novalidate。你也应该删除它。

我们需要看更多的代码。你的指令在哪里？toggleSteps代码在哪里？嗨，我把我所有的js代码都放在这里：有点乱，但是toggleSteps和我的两个指令都在那里ddle没有HTML。现在试试吧：我永远无法让angular JS在JSFIDLE中工作

   $scope.gotoNextStep = function () {
          if ($scope.currentStepIndex == (3)) {
              $scope.submitForm = function (isValid) {
                  if (isValid) {
                      toggleSteps($scope.currentStepIndex + 1);
                  }
              };
          } else {
              toggleSteps($scope.currentStepIndex + 1);
          }
      }

<a ng-disabled="myForm.$pristine || myForm.$invalid" class="btn btn-default" ng-click="gotoNextStep()" ng-show="showNextButton()">Next</a>