Validate input size with Angularjs

Question

I have a field in a form that I need to validate with angular. The field should have up to 11 characters. If you have less than 5 should be displayed an error message requiring the user a correct numbering.

Angular Controller

angular.module('xxx') .controller('yyyController', function ($scope) {
    var vm = $scope;      
    vm.validarCPF = function(){

      if( condicao < 11){
       //mensagem de erro
      }

    };

HTML code

<input type="text" name="cpf" id="cpf" ng-model="cpfusuario">

Answer 1

You can use the directives ng-minlength and ng-maxlength straight into HTML as below:

<div ng-controller="ExampleController">
  <form name="meuForm">
    <label>
       User name:
       <input type="text" name="cpf" id="cpf" ng-model="cpfusuario" ng-minlength="5" ng-maxlength="11" maxlength="11">
    </label>
    <div role="alert">
      <span class="error" ng-show="meuForm.cpf.$error.minlength">
        Tamanho mínimo de 5!</span>
      <span class="error" ng-show="meuForm.cpf.$error.maxlength">
        Tamanho máximo de 11!</span>
    </div>
  </form>
</div>

See more in the Angularjs documentation: https://docs.angularjs.org/api/ng/directive/input