Javascript 使用ENTER键提交表单无法正常工作_Javascript_Angularjs_Forms

Javascript 使用ENTER键提交表单无法正常工作

javascript angularjs forms

Javascript 使用ENTER键提交表单无法正常工作,javascript,angularjs,forms,Javascript,Angularjs,Forms,我有一个表单，带有下拉列表、文本框和一个提交按钮。我可以使用ENTER键提交表单，就像在任何文本框中添加ng keypress=“addbookmarkonneter（$event），它都可以工作但是我可以在不添加任何文本框的情况下执行相同的任务吗这是我的表格： <form> <div><input type="text" class="greyPhold" placeholder="http://" data-ng-model="bookmark.url

我有一个

表单

，带有下拉列表、文本框和一个提交按钮。我可以使用

ENTER

键提交表单，就像在任何文本框中添加

ng keypress=“addbookmarkonneter（$event）

，它都可以工作

但是我可以在不添加任何文本框的情况下执行相同的任务吗

这是我的

表格

：

<form>
   <div><input type="text" class="greyPhold" placeholder="http://" data-ng-model="bookmark.url" /></div>
   <div class="forSelect">
      <div class="selHead" data-ng-class="{hOpen: popup.dropdownStatus}">
         <button data-ng-click="toggleDropdown()"><span data-ng-bind="popup.selectedCategory"></span></button>
         <ul id="testDiv2" class="dropdownH">
            <li data-ng-repeat="category in categories track by $index" data-ng-click="selectCategory($index)">
               <div class="colony pull-left"><span>{{category.category_name}}</span></div>
               <div class="pull-right"><input type="radio" name="tag" /><label></label></div>
            </li>
         </ul>
      </div>
   </div>
   <div class="createColony">
      <input type="text" class="whitePholder" placeholder="Create a new colony" data-ng-model="bookmark.categoryName"/>
   </div>
   <div class="complete text-center"><button type="submit" class="done" data-ng-click="addBookmark()">Complete</button></div>
</form>




{{category.category_name}


完整的

希望此代码对您有所帮助

<html>
  <head>
    <script src="angular.min.js"></script>
   <script src="ui-bootstrap.js"></script>
  </head>
  <body bgcolor="gray">
    <div id="container" ng-app='two_way' ng-controller="two_way_control" style="background-color:CCFF66">
<p style="padding:10px;">
          <h1 align="center">  Search Product </h1>
          </p>
<p align="center">
<form method="post">
 <input type="text" ng-model="searchText" placeholder="Enter a name here" required>
        <button ng-click="check(searchText)">Search</button>
</form>
</p>
       Search Item Name:  {{searchText}}
</div>
</body>
</html>

请用小提琴把它弄清楚。我有动态内容，它对“plunker”不起作用，所以我没有给任何

plunker

link如下：

$scope.check=function(searchText){};