javascript - 输入提交按钮上的ui-sref？

Question

我是 Angularjs 的新手，我很想创建一个具有多个 View 的表单(使用 ui-router)。每个 View 将包含要填写的表单的不同数据，因此当一个 View 已填写后，我不想只单击 anchor 标记并继续下一个 View 。我希望它也像一个具有一些验证功能的输入提交按钮。我该怎么做？这是我目前所拥有的:

<section class="progress-bar">
<ul class="btn-group btn-group-justified" role="group">
  <a ui-sref=".first" ui-sref-active="active" class="btn list-group-item">First</a>
  <a ui-sref=".second" ui-sref-active="active" class="btn list-group-item">Second</a>
  <a ui-sref=".third" ui-sref-active="active" class="btn list-group-item">Third</a></ul>
</section>
<div>
  <form class="form" autocomplete="on" id="myForm" ng-submit="submitForm()">
    <div ui-view></div>
  </form>

不同的 View 将在底部有一个 a 标签，这是我想要像输入提交按钮那样具有一些验证功能的标签:

<a ui-sref="form.second" class="btn btn-block btn-info" id="next1">Next</a>

最终 View 将提交输入:

<input id="submit" type="submit">

谢谢!

编辑:我只想使用 HTML5 提供的默认验证。就像输入提交一样，没有任何额外的功能。

Answer 1

您可以使用 ng-click指令并绑定(bind)它验证函数，如果 is_vaild is True然后使用 $state.go(state) 重定向.

参见:ngClick ; $state