Javascript 一步一步地检查和验证

我有一个带步骤的angular js向导：

<wizard on-before-step-change="log(event)" on-step-changing="log(event)" on-after-step-change="log(event)" user="user">

<step title="step 1">

</step>

<step title="step 2">

</step>

<step title="step 3">

</step>

</wizard>

我希望使用jQuery验证，并在每个输入字段中都有所需的类，但是如果我这样做了，我如何让它一步一步地进行验证呢？还是有更好的办法？我在这个主题上做了一些搜索，但我发现我发现的例子非常混乱和复杂…任何帮助都将不胜感激

---

谢谢

Angular提供了一个验证表单（）的框架，您可以根据每个步骤的

$valid

（或

$invalid

）进行验证

还请注意，您可以有一个父表单，每个步骤都使用

ng form

指令作为嵌套表单

我想补充如下：

<wizard>
  <step> <!-- step 1 -->
    <div ng-form="step1" name="step1">
      <button ng-disabled="step1.$invalid">Next Step</button>
    </div>
  </step>
</wizard>

下一步

---

如果需要定义一个新的验证，可以按照

Angular提供了一个验证表单的框架（），并且可以基于每个步骤的

$valid

（或

$invalid

）进行验证

还请注意，您可以有一个父表单，每个步骤都使用

ng form

指令作为嵌套表单

我想补充如下：

<wizard>
  <step> <!-- step 1 -->
    <div ng-form="step1" name="step1">
      <button ng-disabled="step1.$invalid">Next Step</button>
    </div>
  </step>
</wizard>

下一步

---

如果您需要定义一个新的验证，您可以按照

进行操作，因此我会将ng表单添加到我的每个步骤中，然后如何处理$valid或$invalid…您能提供一个示例吗？您的示例非常好，但是我希望在$scope.gotoNextStep函数中进行验证…这可能吗？您可以使用：

..

将有效性输入到您的

$scope

中，这样行吗？我正在为每一步重复使用相同的按钮以转到下一步。您可以使参数动态

gotoNextStep（stepNumber）

，然后在控制器中动态引用表单。。。请看这个例子：我会在我的每个步骤中添加ng表单，然后如何处理$valid或$invalid…你能提供一个例子吗？你的例子很好，但我希望在$scope.gotoNextStep函数中进行验证…这是可能的吗？你可以使用：

…

将有效性放入你的

$scope

中吗？我正在为每一步重复使用相同的按钮以转到下一步。您可以使参数动态

gotoNextStep（stepNumber）

，然后在控制器中动态引用表单。。。请参见此示例：每个步骤是否都有自己的按钮？不，它们没有，此按钮用于所有步骤是否每个步骤都有自己的按钮？不，它们没有，此按钮用于所有步骤

<wizard>
  <step> <!-- step 1 -->
    <div ng-form="step1" name="step1">
      <button ng-disabled="step1.$invalid">Next Step</button>
    </div>
  </step>
</wizard>