輸入鍵不適用於提交按鈕 Angularjs

Question

這是提交按鈕：

 <input type="submit" ng-click="Showdata()"  class="btn blue pull-right" Text="" />

這是電子郵件的文本框：

 <input type="text" ng-model="texttype" class="form-control" ng-class="eml" placeholder="Enter Email" />

這是傳遞的文本框：

  <input type="password" ng-model="passwordtype" class="form-control" ng-class="pass" placeholder="Enter Password" />

這里提交為鼠標點擊工作..但是我如何處理輸入點擊？？ 在這里我使用 angularjs。 如何在鼠標單擊和輸入按鍵時提交？

Answer 1

嘗試使用ng-enter指令。 我認為這會對你有所幫助。

 var $scope; var app = angular.module('miniapp', []).filter('moment', function() { return function(dateString, format) { return moment(dateString).format(format); }; }); app.directive('ngEnter', function () { return function (scope, element, attrs) { element.bind("keydown keypress", function (event) { if(event.which === 13) { scope.$apply(function (){ scope.$eval(attrs.ngEnter); }); event.preventDefault(); } }); }; }); function Ctrl($scope) { $scope.DoWork = function(){ alert('Hello World! ' + $scope.MyText); }; }

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <div ng-app="miniapp"> <div ng-controller="Ctrl"> <input ng-enter="DoWork()" ng-model="MyText" /> </div> </div>

Answer 2

您需要將form標簽與ng-submit

<form name="sampleForm" ng-submit="Showdata()">

  <input type="text" ng-model="texttype" class="form-control" ng-class="eml" placeholder="Enter Email" />    
  <input type="password" ng-model="passwordtype" class="form-control" ng-class="pass" placeholder="Enter Password" />
  <input type="submit"  class="btn blue pull-right" Text="" />   

</form>

Answer 3

在輸入字段中添加一個名為“ searchTextbox ”的類然后使用該代碼

    $('.searchTextbox').keypress(function (event) {
                if (event.which == 13) {
                    $scope.Showdata();
                }
            });


<input type="text" ng-model="texttype" class="form-control searchTextbox " ng-class="eml" placeholder="Enter Email" />