Blur/Focus

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.min.js"></script>
<div ng-app="app" class="container">
  <div ng-controller="Controller">
    <input type="text" ng-model="fname" input-blur="test" class="form-control">
    <br>
    <input type="text" ng-model="lname" class="form-control">
    <br>
    <input type="text" ng-model="email" class="form-control">
  </div>
</div>

CSS

body {
  padding-top: 20px;
}

JavaScript

sangular
  .module('app', [])
  .controller('Controller', Controller)
  .directive('inputBlur', inputBlur);

function Controller($scope) {

}

function inputBlur() {
  var directive = {
    restrict: 'EA',
    scope: {
      inputBlur: '@'
    },
    link: link
  };

  return directive;

  function link(scope, element, attr) {
    element.on('blur', function() {
      if (element.val() != scope.inputBlur) {
        element[0].focus();
        e.preventDefault();
      }
    });
  }
}