2016-04-24 13 views
-2

angeben Ich habe ein Eingabetextfeld und ich möchte, wenn Benutzer den Wert in Textfeld eingeben und den Fokus verliert. Ich möchte diesen Wert von API-Werten validieren und muss die entsprechende Nachricht unter dem Eingabefeld anzeigen. Wie kann ich in Winkel jsWie Blur-Ereignis in Winkel js

Antwort

0

Sie können die ng-blur Richtlinie verwenden.

<input type="text" ng-blur="ValidateBlur()" /> 

https://plnkr.co/edit/hy2sCVjvVqBrm1WSdiBl?p=preview

Modul/Controller Setup-Code:

var app = angular.module("testApp", []); 

app.controller("DarrenController", function($scope) { 
    $scope.Text = "Testing..."; 

    $scope.ValidateBlur = function() { 
     alert('Validating'); 
    } 
}); 

HTML:

<body ng-app="testApp"> 
    <div ng-controller="DarrenController"> 
     <input type="text" ng-blur="ValidateBlur()" /> 
    </div> 
    </body> 
+0

ok aussieht, aber wie kann ich zeigen die benutzerdefinierte Nachricht für die Validierung wie wenn der Typ Benutzer etwas dann, wenn er löscht und verliert i die Validierung Nachrichten- Feld zeigen müssen konzentrieren leer. und wenn er den Wert eingibt und es nicht mit den Werten in den DB-Werten übereinstimmt, dann muss ich zeigen - "der Wert existiert nicht in der Datenbank". – user3395635

+0

@ user3395635 - eckig hat einen $ http-Dienst. Wenn Ihre API REST ist, können Sie diesen Dienst verwenden, um die Datenbankwerte zu verbinden und wiederherzustellen und sie an die Validierungsmethode zu übergeben. https://docs.angularjs.org/api/ng/service/$http –

0

// HTML

<input type="text" ng-model="search" placeholder="Search ... " ng-focus="focusMsg()" ng-blur="blurMsg()"> 

// Controller-

$scope.focusMsg = function() { 
      console.log('Focus'); 
     } 

    $scope.blurMsg = function() { 
      console.log('Blur'); 
     }