angularjs 验证用户输入的值是否符合Hex颜色

正则：

/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/

 

'use strict';

dmApp.directive('validateHexColor', function () {

    var REQUIRED_PATTERNS = [
        /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/
    ];

    return {
        require: 'ngModel',
        link: function ($scope, element, attributes, ngModelController) {

            ngModelController.$validators.validateHexColor = function (modelValue, viewValue) {
                var status = true;
                if (!ngModelController.$isEmpty(modelValue)) {
                    angular.forEach(REQUIRED_PATTERNS, function (pattern) {
                        status = status && pattern.test(modelValue);
                    });
                }
                return status;
            };
        }
    };
});

 

如：