angularjs正则验证RGB颜色

正则：

/^([0]|[1-9]\d?|[1]\d{2}|2([0-4]\d|5[0-5]))$/

在angularjs的指令目录中，写一个指令js文件：

 

 

'use strict';

app.directive('validateRGBColor', function () {

    var REQUIRED_PATTERNS = [
        /^([0]|[1-9]\d?|[1]\d{2}|2([0-4]\d|5[0-5]))$/
    ];

    return {
        require: 'ngModel',
        link: function (scope, elm, attrs, ctrl) {

            ctrl.$validators.validateRGBColor = function (modelValue, viewValue) {
                var status = true;

                if (!ctrl.$isEmpty(modelValue)) {
                    angular.forEach(REQUIRED_PATTERNS, function (pattern) {
                        status = status && pattern.test(modelValue);
                    });
                }
                return status;
            };
        }
    };
});

 

在需要验证的网页，引这个指令：

 

在html添加A标签：

 

最终效果：