输入提交按钮上的 UI-sref
ui-sref on an input submit button?
我是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
相关文章:
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 在编辑内联模式下禁用Kendo Ui网格按钮
- Ionic + Angular ui-sref not generating href
- 将URL参数传递给ui sref
- TR 元素上的 UI-sref 不会在新选项卡中打开
- 使用jquery UI next按钮提交输入字段值,php将返回结果
- AngularJS ui路由器:ui sref和指令
- 基于观察者布尔值执行 ui-sref
- 输入提交按钮上的 UI-sref
- 如何在 ui-sref 标记中放置重新加载选项
- 将复杂对象传递给 ui-sref 参数
- Angular ui-sref href resolve completion callback
- 将两个相同的参数发送到 ui-sref
- 动态创建的 ui-sref 链接不起作用
- ui sref opts={reload:true}不重新加载控制器
- 如何通过element.append使ui sref动态工作
- 一个ui sref链接工作,其余的不工作;t
- 路由:鼠标悬停在ui sref上时可见的参数值在单击时消失
- Onsen ui:ons按钮提交dos'Don’不要提交表格
- ui-sref="articles.view({articleId: article._id})"