使用 ENTER 键提交表单在 Angular 中不起作用

Submit Form with ENTER key is not working in Angular

本文关键字：Angular 不起作用 表单 ENTER 提交 使用      更新时间：2023-09-26

>我有一个带有下拉列表、文本框和一个提交按钮的form。我可以使用ENTER键提交表单，例如只需添加带有任何文本框的ng-keypress="addBookmarkOnEnter($event)，它就可以工作。

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

这是我的form：

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

希望这段代码对您有所帮助

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

并在控制器中使用给定的代码

$scope.check=function(searchText){};
相关文章：