Skip to main content
correções gramaticais
Link
Oliveira
  • 1,9mil
  • 1
  • 15
  • 26

Como permitirrestringir o preenchimento de apenas números em um input com AngularJs?

Bumped by Community user
Bumped by Community user
Fonte Link
Oliveira
  • 1,9mil
  • 1
  • 15
  • 26

Como permitir apenas números em um input com AngularJs?

Observei que a página tem o seguinte código para um input:

<div class="form-group required col-md-3">
    <label for="area" class="control-label">ÁREA(ha):</label>
    <input id="area" type="text" class="form-control" data-ng-model="ctrl.area" />
</div>

Então alterei o type do input, utilizando o type"number" especificado no HTML5.

<input id="area" type="number" class="form-control" data-ng-model="ctrl.area" />

No Chrome funcionou, entretanto no Firefox e no Internet Explorer consegui preencher com caracteres alfas. Tentei utilizar o atributo pattern, mas não obtive êxito.

<input id="area" type="number" pattern="[0-9]*" class="form-control" data-ng-model="ctrl.area" />

Alguma sugestão, alguma diretiva ou função do AngularJs?
Firefox:47.0.1
Internet Explorer 11