blog_gist_3.js

angular.module('angularstruts').directive('hexadecimalColorValidation', [function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
        },
        link: function(scope, elem, attrs, ctrl) {
            elem.on('blur', function(event) {
                scope.$apply(function() {
                    var val, hexCodeRegex, validationResult=true;
                    val = elem.val();
                    hexCodeRegex = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
                    validationResult = hexCodeRegex.test(val);
                    ctrl.$setValidity('validHexColor', validationResult);
                })
            })
        }
    }
}]);