由Enter触发的AngularJS Bootstrap Form上的两个“Submit”按钮

时间:2016-04-25 15:49:12

标签: javascript html angularjs html5 twitter-bootstrap-3

我有一个搜索模式,有两个按钮,我想在按Enter键时触发。有最初的“搜索”按钮,然后是最后的“提交”按钮。

用户处于Angular Modal中,将名称放入搜索字段(在此期间,“提交”按钮被禁用),然后按“Enter”启动搜索。搜索会填充一个表格,然后用户点击要选择的名称,然后启用“提交”按钮,现在我想要一个按键“Enter”来提交选择。

我可以获得第一个“Enter”来运行搜索功能,但无法让它移动到第二个按钮。这是我的第一个按钮的代码

<button type="submit" class="btn btn-default "ng-click="getNames(params)" value="Search">Search</button>
<button class="btn btn-default " type="button" ng-click="Clear(params)">Clear</button> 

然后填充名称列表后,用户选择一个,然后再次按“Enter”键以触发提交按钮。

<div class="modal-footer">
    <input class="btn btn-default" type="submit" ng-click="OK()" ng-disabled="disableOK()"/>
    <button class="btn btn-default" type="button" ng-click="Cancel()">Cancel</button>
</div>

使用<button type="submit" class="btn btn-default "ng-click="OK()" g-disabled="disableOK()"></button>在这里也不起作用。

我到处寻找,因为这似乎是一个常见的问题,但我还没有看到解决方法,主要是有多个按钮的人想要在提交时做不同的事情,而不是触发“输入“关键。

启用后,我可以将其指定为默认值吗?

0 个答案:

没有答案