Pelo nome da sua função, ela se trata de uma função de validação.
Você deve configurar os validators no ngModelController
da directive. O ngModelController
é o 4º parâmetro da propriedade link
de uma directive.
Por exemplo:
angular.module("Modulo").directive("diretriz", function () {
"use strict";
return {
restrict: "E",
require: "ngModel",
link: function ($s, $e, $a, $c) {
$c.$validators.data = function (mv, vv) {
// mv é o valor na sua variável.
// vv é o valor na view.
if ( vv === "" ) {
return true;
}
vv = vv.split("/");
if ( vv.length !== 3 ) {
return false;
}
vv.reverse();
vv = vv.join("-");
return !isNaN(Date.parse(vv)));
};
}
};
});
Note que na propriedade link
, a função associada a ela aceita 4 parâmetros:
$s
é o escopo;
$e
é o elemento encasulado em jQuery ou jQuerylite;
$a
são os atributos do elemento;
$c
é o ngModelController
.
O atributo $validators
do ngModelController
possui os "validadores" da sua diretriz. Eles retornam true
ou false
. Todos os validators são executados durante o processo de validação, sendo que o(s) elemento(s) associado com a diretriz são considerados válidos se e somente se todos os validators retornarem true
.
Uma característica interessante dos validators no Angular, é que quando um elemento possui o atributo required
, é checado apenas se seu valor é diferente de false
(inclusive valores que podem ser coercidos para false
, como o número 0
).
Como consequência, o seu validator pode retornar true
quando o campo estiver vazio (mesmo que este seja um valor inválido), e você pode forçar que o campo seja preenchido utilizando o atributo required
. Desta forma, você pode diferenciar quando o elemento é inválido por conter um valor que não atende às suas regras, ou quando o elemento é vazio, e inclusive decorar o elemento através de CSS quando um caso ou de outro sem nenhum código adicional (observe as classes adicionadas pelo Angular ao elemento quando este é inválido, vazio ou válido).
O ngModelController
possui vários outros campos interessantes além do $validator
, como o $parsers
e o $formatters
. Vale muito a pena dar uma olhada neles na documentação.
Edição
Não utilizei sua RegEx porque ela esta demasiada complexa, ainda mais quando o browser possui recursos nativos para interpretar datas. Assim, o validador que escrevi converte a data no formato dd/mm/yyyy
para o formato yyyy-mm-dd
(ISO 8601), aceito nativamente pelo browser no método Date.parse
.
Apesar de não utilizar RegEx, tentei preservar a mesma semântica do seu método. Assim os dois devem ser equivalentes (com a vantagem que o meu checa se o ano é bissexto).