How to replace comma and forward slash in input text field

Question

Example: "1,23/456" should return "123456"

So when I type "1,23/456" in the input field and hit "enter" it should be changed to "123456".

<input id="Id" ng-model="Id" name="searchInput" type="text">

Possible duplicate of [How to allow only numeric (0-9) in HTML inputbox using jQuery?](http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery) — Heretic Monkey, Nov 04 '16 at 22:28

score 0 · Answer 1 · answered Nov 04 '16 at 18:03

0

Use <input type="number" /> or sanitize the model value using a regular expression.

console.log('1,23/456'.replace(/[^0-9]/g, ''));

answered Nov 04 '16 at 18:03

Dan Wilson

3,937
2
17
27

score 0 · Accepted Answer · answered Nov 04 '16 at 18:05

If the type of the input is number then it will automatically reject the slash. However I have faced compatibility issues with number fields when testing with IE

So you can register an ng-change or ng-blur event callback on your input field and you can define the callback function like this

$scope.onInputBlur = function(){
  //$scope.value is the model for your field
  $scope.value = $scope.value.replace(/,/,'','g'); // replace comma with empty string
  $scope.value = $scope.value.replace(/\//,'','g'); //replace slash with empty string
}

Hope this helps. :)

How to replace comma and forward slash in input text field

2 Answers2