输入提交按钮上的 UI-sref

ui-sref on an input submit button?

本文关键字:UI-sref 按钮 提交 输入      更新时间:2023-09-26

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

<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>

不同的视图将在底部有一个a标签,这是我希望有一些验证功能,就像输入提交按钮一样:

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

最终视图将提交输入:

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

谢谢!

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

您可以使用

ng-click指令并绑定它验证函数,如果is_vaild is True则使用$state.go(state)重定向。

请参阅:ngClick; $state