Javascript 引导表单提交
我正在尝试使用以下搜索功能 我希望当我按enter键时它会提交,但它只在按tab键并突出显示搜索按钮或单击按钮时提交。有没有办法更改此代码,使其在按键盘上的“Enter”键时工作 代码如下:Javascript 引导表单提交,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在尝试使用以下搜索功能 我希望当我按enter键时它会提交,但它只在按tab键并突出显示搜索按钮或单击按钮时提交。有没有办法更改此代码,使其在按键盘上的“Enter”键时工作 代码如下: <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="input-group custom-search-form"&
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="input-group custom-search-form">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div><!-- /input-group -->
</div>
</div>
</div>
可能需要更多的信息为您指明正确的方向。例如,您如何处理实际的搜索逻辑 不过,我可能会提出一些建议。首先,将输入包装在表单中。将
type=“button”
切换为type=“submit”
也可能有帮助。例如:
<form role="search">
<div class="input-group custom-search-form">
<input type="text" class="form-control" required="required" aria-required="true" />
<span class="input-group-btn">
<button class="btn btn-default" type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
下面是一些其他可能有助于解决此问题的Stackoverflow文章:
希望这有帮助
$("input").keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
$("form").submit();
}
});