title: Firing Blur event from AngularJS Custom Directive
body: <p>I created a custom angularjs directive and need to perform a specific validation only after blur on an input element. But the problem is the validation is happening even after onkeypress event. 
  Although, for the first time its happening correctly on blur and from 2nd time onwards its happening even with onkeypress.</p>
  
  <p>Entire working sample is in below fiddle. Please check for yourself and feel free to edit and try as well. I am not sure what is going wrong. I need the customValidator() function to be performing only after blur is done.</p>
  
  <pre><code>angular.module('app').directive('strongSecret', function () {
  return {
      restrict: 'A',
      require: 'ngModel',
      link: function (scope, element, attr, ctrl) {
          element.bind('blur', function customValidator() {
          scope.$apply(attr.strongSecret);
          scope.$watch(attr.ngModel, function(value) {}
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ggcoder81/2n5wx06j/4/" rel="nofollow">fiddle Entire Working Sample code</a></p>
  
  <p>Appreciate any help!</p>