按钮未在输入时提交

时间:2016-07-14 05:55:26

标签: javascript html

我正在使用搜索表单,我必须单击按钮才能提交搜索。我想要的是在点击输入时搜索,但它不起任何建议。

     <button class="btn btn-default" style="height:34px" type="submit" onclick="Search();"><span class="glyphicon glyphicon-search"></span></button>

这是我的表格

    <input type="hidden" name="search_param" value="all" id="search_param">   
              @Html.TextBoxFor(m => m.SearchTrm, new { @class="form-control",id="Searchterm",placeholder="Search for Drug, Disease or Sponsor"})  

            <span class="input-group-btn">
          <button class="btn btn-default" id="btn-default" style="height:34px" type="button" onclick="Search();"><span class="glyphicon glyphicon-search"></span></button>

            </span>

1 个答案:

答案 0 :(得分:1)

要输入提交表单,您必须有一个表单,并且在按下输入时表单控件必须具有焦点(textarea元素除外,其中enter将插入回车符)。您必须将按钮的单击处理程序移动到表单的提交处理程序(否则不会被调用)。

默认情况下,表单中的按钮元素是提交按钮。

e.g。

function search(form) {
  alert('You are searching on: ' + form.searchText.value);
  // do stuff 
}
<form onsubmit="search(this)">
  Search text: <input name="searchText">
  <button>Do search</button>
</form>