使用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