Allow only comma separated numbers in input field using angular js

Question

I am using angular js and below is my code which allows only numbers separated by comma.But regex which I used allows user to enter 1,,,2.

Is there any way so that I can restrict user to enter only one comma after each number?

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();
                }
            });
        }
    };

Avinash Raj · Accepted Answer · 2016-07-25 07:48:12Z

2

Remove the clean part and replace the if condition with,

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

This code would test whether the given value is in 1,2,3 or 1 or 3,4 formats or not.

Example:

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

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

Think you want something like this,

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

PLNKR

edited Jul 25, 2016 at 7:48

answered Jul 25, 2016 at 5:46

Avinash Raj

175k32 gold badges247 silver badges289 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Nagendra Over a year ago

How this would work, as I want to restrict the users to enter numbers followed by a comma in a text box, So I am using replace function

Avinash Raj Over a year ago

no need for replace func.. Just check each letter (on key press) with this ^\d+(?:,\d+)*$ regex. If it's not true then show the box in red color. If it's true then show it in green color.

Nagendra Over a year ago

I don't want to change text box color. Even if user press other characters it should not be shown in text box hence i am using replace

Avinash Raj Over a year ago

then use a replace like str.replace(/[^\d,]/g, '') . This would replace any char but not of comma or digit with an empty string

Avinash Raj Over a year ago

try plnkr.co/edit/C5Mu4vMRMMo7oPSmaJTr?p=preview . It should show last comma since it won't know whether there is any continuation or line end

|

Collectives™ on Stack Overflow

Allow only comma separated numbers in input field using angular js

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related