Angular Phone Validation

ngPhone.js

angular.module('myModule')


.directive('ngPhone', function() {
  return {
    require: 'ngModel',
    link: function(scope, elem, attr, ngModel) {

      function isPhone(str) {
        var lengths = [7,10,11];
        var number = (str || '').replace(/\D+/ig, '');

        return lengths.indexOf(number.length) !== -1;
      }

      //For DOM -> model validation
      ngModel.$parsers.unshift(function(value) {
        var valid = isPhone(value);
        ngModel.$setValidity('phone', valid);
        return valid ? value : undefined;
      });

      //For model -> DOM validation
      ngModel.$formatters.unshift(function(value) {
        ngModel.$setValidity('phone', isPhone(value));
        return value;
      });
    }
  };
});