使用angular js在输入字段中仅允许使用逗号分隔的数字

Question

我正在使用angular js，下面是我的代码，该代码只允许用逗号分隔数字。但是我使用的正则表达式允许用户输入1 ,,, 2。

有什么办法可以限制用户在每个数字后仅输入一个逗号？

Plunker - http://plnkr.co/edit/g1X9ldVuH4ZewAlumM1P?p=preview

  function NumberValidator() {
    return {
        require: '?ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {
            if (!ngModelCtrl) {
                return;
            }

            ngModelCtrl.$parsers.push(function(val) {
                var clean = val.replace(/[^\d+(,\d+)*$]/g, '');
                if (val !== clean) {
                    ngModelCtrl.$setViewValue(clean);
                    ngModelCtrl.$render();
                }
                return clean;
            });

            element.bind('keypress', function(event) {
                if (event.keyCode === 32) {
                    event.preventDefault();
                }
            });
        }
    };

Answer 1

取下clean部分，并用if条件代替，

if (!/^\d+(?:,\d+)*$/.test(val)) {

该代码将测试给定的值是1,2,3还是1或3,4格式。

例：

 console.log(!/^f+$/.test('ff')) console.log(!/^f+$/.test('df')) 

以为你想要这样的东西，

str.replace(/[^\d,]|^,+|,+$|,+(?=,)/gm, '')

PLNKR