validate-phone-directive.js

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

            function validatePhone(field) {
                //regex squirreled from here: http://blog.stevenlevithan.com/archives/validate-phone-number
                var regexObj = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
                return regexObj.test(field);

            }

            function validate(value) {
                var valid = validatePhone(value);
                ngModel.$setValidity('phone', valid);
                return valid ? value : undefined;
            }

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

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