Utilizzare la direttiva ng-blur di AngularJS per eseguire un'operazione quando un oggetto perde il focus

di Stefano Mostarda, in HTML5, AngularJS,

Una delle forme di interazioni più comuni è quella di scatenare un'azione quando un campo perde il controllo. Ad esempio, durante la registrazone di un utente spesso controlliamo che la username inserita sia disponibile effettuando una chiamata AJAX verso il server. AngularJS permette di eseguire del codice quando un controllo perde il focus attraverso la direttiva ng-blur, come mostrato nel prossimo esempio.

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

var peopleModule = angular.module('peopleModule', []);
peopleModule.controller('peopleController', function ($scope) {
  $scope.onBlur = function(){
    alert("blur");
  }
});

La direttiva ng-blur ha la sua controparte nella direttiva ng-focus, che permette di eseguire codice quando un campo acquisisce il focus.
La sintassi della direttiva è la stessa vista nell'esempio precedente.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi