Prevent typing input letters with angular [duplicate]

Question

Prevent typing input letters with angular [duplicate]

Navigation

#1 by (3 votes)

1

How to prevent typed letters in a input where only angled numbers should be typed? Only with policies is it possible?

angularjs

asked by anonymous 02.08.2017 / 16:27

1 answer

How to create an incremental Update sql command Copying rows from one table to another with jQuery

score 3 · Answer 1

Use a directive that removes all non-numeric characters.

angular.module('myApp', [])
.directive('numerosApenas', function() {
  return {
    require: 'ngModel',
    link: function (scope, element, attr, ngModelCtrl) {
    
      function parserNumerico(textoOriginal) {
      
        // Troque tudo o que não for um dígito válido por uma string vazia
        var inputSemNumeros = textoOriginal.replace(/[^0-9]/g, ''); 
        if(inputSemNumeros !== textoOriginal) {
        
            // reverta o valor para a versão sem números.
            ngModelCtrl.$setViewValue(inputSemNumeros);
            ngModelCtrl.$render();
        }
        return Number(inputSemNumeros);
      }
      
      ngModelCtrl.$parsers.push(parserNumerico);
    }
  }; 
})

.controller('myController', function($scope){

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script><divng-app="myApp">
  <div ng-controller='myController'>
    <input type='text' numeros-apenas ng-model='valor' />
  </div>
</div>

Font