Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导表单提交_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导表单提交

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

我正在尝试使用以下搜索功能

我希望当我按enter键时它会提交,但它只在按tab键并突出显示搜索按钮或单击按钮时提交。有没有办法更改此代码,使其在按键盘上的“Enter”键时工作

代码如下:

<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();
    }
});