Problema na v1.1.2 e jQuery 1.9, com elementos dinâmicos!!! about jquery-mask-plugin

[igorescobar]

Você chegou a ver que agora os digitos reconhecidos na mascara sao:
0: Only Numbers
9: Only Numbers but optional
A: Numbers and Letters
S: Only A-Z and a-z characters

?

[igorescobar]

Nao use os eventos com o nomespace do plugin. somente o plugin deve usar eventos com *.mask

[igorescobar]

Te ajudou?

[pyetrosafe]

Ah, não tinha visto que os dígitos defaults haviam mudado...
Vou tentar amanhã amigo ^^ !!!
Fim de expediente aqui... Até, vlw ^^ !!!

[pyetrosafe]

Nossa tenho ctz que tinha deixado um comentário aqui ontem ainda... '-' Sumiu...?
Bom, não sei se você chegou a ver... Fiquei confuso agora, mas vou postar novamente...

Mesmo usando as regras conforme me passou ai em cima, não funcionou com a versão 1.1.2, os erros permanecem os mesmos:

Code atualizado:

var opt = {
  translation: { Z: '0' },
  onKeyPress: function(a, b, c, d) {
    console.log('OnKeyPress: ', a, b, c, d);
    if(!a)
      return;
    var reg = /^(1|10|1,|10,\d*)$/g,
        m = '';
    if(a.match(reg))
      m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
    else
      m =NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
    c.mask(m, d);
  }
};
var maskNota = function(a,b){
    var reg = /^(1|10|1,|10,\d*)$/g,
        m = '';
    if(a.match(reg))
      m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
    else
      m =NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
    console.log(a, b, m);
  return m;
};

Os erros:

• As notas começadas por "11" não atribuíram a mascara.
• As notas começadas por "1", seguidas de outros números, se digitadas rapidamente, máscara, se demora, não máscara.

[igorescobar]

Da uma olhada na documentação, não é mais assim que configura o translation
do campo.

Regards,
Igor Escobar
*Software Engineer
*

• http://blog.igorescobar.com
• http://www.igorescobar.com
• @igorescobar http://www.twitter.com/igorescobar

2013/9/4 Pyetro Costa [email protected]

Nossa tenho ctz que tinha deixado um comentário aqui ontem ainda... '-'
Sumiu...?
Bom, não sei se você chegou a ver... Fiquei confuso agora, mas vou postar
novamente...

Mesmo usando as regras conforme me passou ai em cima, não funcionou com a
versão 1.1.2, os erros permanecem os mesmos:

Code atualizado:

var opt = {
translation: { Z: '0' },
onKeyPress: function(a, b, c, d) {
console.log('OnKeyPress: ', a, b, c, d);
if(!a)
return;
var reg = /^(1|10|1,|10,\d_)$/g,
m = '';
if(a.match(reg))
m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
else
m =NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
c.mask(m, d);
}
};
var maskNota = function(a,b){
var reg = /^(1|10|1,|10,\d_)$/g,
m = '';
if(a.match(reg))
m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
else
m =NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
console.log(a, b, m);
return m;
};

Os erros:

• As notas começadas por "11" não atribuíram a mascara.
• As notas começadas por "1", seguidas de outros números, se digitadas
  rapidamente, máscara, se demora, não máscara.

—

Reply to this email directly or view it on GitHubhttps://github.com//issues/55#issuecomment-23785177
.

[pyetrosafe]

Igor... não tinha percebido a inclusão da chave "pattern" no translation...

Bom testei de acordo com a documentação mas os erros continuaram a mesma coisa:

Teste 1:

var opt = {
  translation: { Z: { pattern: '0' } },
  onKeyPress: function(a, b, c, d) {
    if(!a)
      return;
    var reg = /^(1|10|1,|10,\d*)$/g,
        m = '';
    if(a.match(reg))
      m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
    else
      m =NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
    c.mask(m, d);
  }
};

Teste 2:

  translation: { Z: { pattern: 0 } },

Teste 3:

  translation: { Z: { pattern: /0/ } },

Teste 4:

  translation: { Z: { pattern: /[0]/ } },

Teste 5:

  translation: { 'Z': { pattern: '0' } },

Teste 6:

  translation: { 'Z': { pattern: 0 } },

Teste 7:

  translation: { 'Z': { pattern: /0/ } },

Teste 8:

  translation: { 'Z': { pattern: /[0]/ } },

[igorescobar]

Você ja testou o reverse para isso que voce esta tentando fazer?

[pyetrosafe]

Então, nem tentei o reverse não, mas o fato é que funcionava certinho com a versão 0.11.5!!! Não testei com outras só com a 1.1.2...

Vou tentar usar o reverse e ver o que consigo, mas como está agora, estaria mt bem... '-'

Acredito ainda que pode ser a mesma causa do erro da Formatação Tardia da issue #53

[igorescobar]

Eu acho que o reverse resolve o seu problema sem essa parafernalha toda aí
que você fez rsrs. Não entendi direito qual o seu problema, mas se eu
entendi direito, o reverse faz isso. Na pagina do projeto tem uns exemplos
usando o reverse.

Regards,
Igor Escobar
*Software Engineer
*

• http://blog.igorescobar.com
• http://www.igorescobar.com
• @igorescobar http://www.twitter.com/igorescobar

2013/9/4 Pyetro Costa [email protected]

Então, nem tentei o reverse não, mas o fato é que funcionava certinho com
a versão 0.11.5!!! Não testei com outras só com a 1.1.2...

Vou tentar usar o reverse e ver o que consigo, mas como está agora,
estaria mt bem... '-'

Acredito ainda que pode ser a mesma causa do erro da Formatação Tardia da
issue #53 #53

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/55#issuecomment-23809366
.

[pyetrosafe]

Tentei usar o reverse e até daria certo e diminuiria o código eu acho, mas tive um problema, ao digitar um valor diferente de Zero no final, o input se conforma estranhamente, apaga todo o conteúdo e qualquer coisa que eu digito depois é apagado, só volta ao normal se eu digitar o Zero, depois apaga-lo...

Eu não estudei o código do plugin, mas diria que o conteúdo do input parece estar armazenado num .data() ou algo assim e o conteúdo não atualiza qnd apaga, e fica dando erro...

var opt = {
  reverse: true,
  translation: { 'Z': { pattern: /[0]/ } },
  onKeyPress: function(a, b, c, d) {
    if(!a)
      return;
    if(a.length>=3 && a.charAt(0)=='1')
      m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
    else
      m = NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
    c.mask(m, d);
  }
};

$(document).on('focus.mask', '.inpNota', function(args){
  var el = (args.currentTarget) ? args.currentTarget : args.srcElement;
  $(el).mask('0,0', opt);
});

[igorescobar]

Tem como você resumir o que voce esta querendo fazer?

Regards,
Igor Escobar
*Software Engineer
*

• http://blog.igorescobar.com
• http://www.igorescobar.com
• @igorescobar http://www.twitter.com/igorescobar

2013/9/4 Pyetro Costa [email protected]

Tentei usar o reverse e até daria certo e diminuiria o código eu acho, mas
tive um problema, ao digitar um valor diferente de Zero no final, o input
se conforma estranhamente, apaga todo o conteúdo e qualquer coisa que eu
digito depois é apagado, só volta ao normal se eu digitar o Zero, depois
apaga-lo...

Eu não estudei o código do plugin, mas diria que o conteúdo do input
parece estar armazenado num .data() ou algo assim e o conteúdo não atualiza
qnd apaga, e fica dando erro...

var opt = {
reverse: true,
translation: { 'Z': { pattern: /[0]/ } },
onKeyPress: function(a, b, c, d) {
if(!a)
return;
if(a.length>=3 && a.charAt(0)=='1')
m = NOTA_CASAS_DECIMAIS==1 ? '00,Z' : '00,ZZ';
else
m = NOTA_CASAS_DECIMAIS==1 ? '0,0' : '0,00';
c.mask(m, d);
}
};

$(document).on('focus.mask', '.inpNota', function(args){
var el = (args.currentTarget) ? args.currentTarget : args.srcElement;
$(el).mask('0,0', opt);
});

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/55#issuecomment-23811814
.

[pyetrosafe]

Blz Igor? Vamos lá...

O que eu preciso é mascarar notas de provas, tendo uma ou duas casas decimais, definidas por uma variável.
As notas devem estar entre 0 e 10. Quando for 10 só aceita o decimal 0, ex: "10,0" (no caso quando deixa sem decimal coloco-o automaticamente numa função Blur).
Bom esse é o resumo do que preciso, simples e fácil né? Não muito, tanto que outro jQuery-Masked não funcionou comigo e testando o seu, deu certo, após uma batalha com o código (aprendendo o plugin), chegando em um que, funcionou na versão "0.11.5".

Vou tentar resumir a história e vamos esquecer a possível segunda casa decimal e trabalhar só com uma casa.

Na versão 0.11.5 consegui funcionar sem nenhum erro (que eu tenha visto), chegando naquele gigante código no primeiro post dessa issue.
Pra funcionar, o que eu fiz foi fazer algumas verificações no valor.

• Quando o valor começar com 1, pode ser que esteja querendo escrever o 10,0 então fiz o regex "/^(1|10|1,|10,\d*)$/g", para identificar se a havia a possibilidade de atingir o valor 10 (ou 10,0) enquanto estivesse digitando e sendo mascarado.
• Se estivesse dentro da possibilidade de escrever o valor 10 (10,0) então eu deixava a mascara com dois digitos antes da vírgula e bloqueava o último com 0 (usando translation). Se não eu deixava um digito antes da virgula e outro digito qualquer.

A parte principal dele foi o onKeyPress (com o translation):

translation: { 'Z': '0' },
onKeyPress: function(a, b, c, d) {
  if(!a) return;
  if(a.match(/^(1|10|1,|10,\d*)$/g))
    m = '00,Z';
  else
    m = '0,0';
  c.mask(m, d);
}

Bom beleza, mas ainda dava erro, então aqui se faz necessário usar a mascara inicial como função. O motivo é se eu deixar fixo "0,0", quando der um novo focus no campo um valor "10,0" vira "1,0". Se eu deixo fixo "00,0" ao focar novamente o campo, o decimal é perdido ex: "2,5" vira "2,0".
Por isso o mask inicial como função:

 var maskNota = function(a, b) {
  if(a.match(/^(1|10|1,|10,\d*)$/g))
    m = '00,Z';
  else
    m = '0,0';
  return m;
}

Com isso o código completo funcionando, dando novo foco no elemento, digitando qualquer tecla quando focado como Home, End, Ctrl, etc... ou várias outras coisas, sem erro.

O código completo (resumido) e funcionando com a versão "0.11.5": http://jsfiddle.net/zHHWL/

Já com a versão "1.1.2" da pra ver aqui que não funciona como deveria: http://jsfiddle.net/zHHWL/3/ (<<< uso do pattern, sem pattern >>>) http://jsfiddle.net/zHHWL/1/ (Os dois dão no mesmo)

Com a versão "1.0.2" funciona, só não 100%, não máscara o valor default dos inputs como fez a versão "0.11.5": http://jsfiddle.net/zHHWL/2/

Com a versão "1.0.3" funciona, só não 100%, ao focar novamente, muda o valor "1,0" pra "10,0" diferente da versão "0.11.5" http://jsfiddle.net/zHHWL/4/

Versão "1.1.0" gera erro: too much recursion: http://jsfiddle.net/zHHWL/5/

A Versão 1.1.1 é como na versão 1.1.2!!!

[igorescobar]

Vou analisar o bug que foi aberto da formatacao tardia, deve ser fruto do
mesmo problema.

Regards,
Igor Escobar
*Software Engineer
*

• http://blog.igorescobar.com
• http://www.igorescobar.com
• @igorescobar http://www.twitter.com/igorescobar

2013/9/4 Pyetro Costa [email protected]

Blz Igor? Vamos lá...

O que eu preciso é mascarar notas de provas, tendo uma ou duas casas
decimais, definidas por uma variável.
As notas devem estar entre 0 e 10. Quando for 10 só aceita o decimal 0,
ex: "10,0" (no caso quando deixa sem decimal coloco-o automaticamente numa
função Blur).
Bom esse é o resumo do que preciso, simples e fácil né? Não muito, tanto
que outro jQuery-Masked não funcionou comigo e testando o seu, deu certo,
após uma batalha com o código (aprendendo o plugin), chegando em um que,
funcionou na versão "0.11.5".

Vou tentar resumir a história e vamos esquecer a possível segunda casa
decimal e trabalhar só com uma casa.

Na versão 0.11.5 consegui funcionar sem nenhum erro (que eu tenha visto),
chegando naquele gigante código no primeiro post dessa issue.
Pra funcionar, o que eu fiz foi fazer algumas verificações no valor.

• Quando o valor começar com 1, pode ser que esteja querendo escrever
  o 10,0 então fiz o regex "/^(1|10|1,|10,\d*)$/g", para identificar se a
  havia a possibilidade de atingir o valor 10 (ou 10,0) enquanto estivesse
  digitando e sendo mascarado.
• Se estivesse dentro da possibilidade de escrever o valor 10 (10,0)
  então eu deixava a mascara com dois digitos antes da vírgula e bloqueava o
  último com 0 (usando translation). Se não eu deixava um digito antes da
  virgula e outro digito qualquer.

A parte principal dele foi o onKeyPress (com o translation):

translation: { 'Z': '0' },
onKeyPress: function(a, b, c, d) {
if(!a) return;
if(a.match(/^(1|10|1,|10,\d*)$/g))
m = '00,Z';
else
m = '0,0';
c.mask(m, d);
}

Bom beleza, mas ainda dava erro, então aqui se faz necessário usar a
mascara inicial como função. O motivo é se eu deixar fixo "0,0", quando der
um novo focus no campo um valor "10,0" vira "1,0". Se eu deixo fixo "00,0"
ao focar novamente o campo, o decimal é perdido ex: "2,5" vira "2,0".
Por isso o mask inicial como função:

var maskNota = function(a, b) {
if(a.match(/^(1|10|1,|10,\d*)$/g))
m = '00,Z';
else
m = '0,0';
return m;
}

Com isso o código completo funcionando, dando novo foco no elemento,
digitando qualquer tecla quando focado como Home, End, Ctrl, etc... ou
várias outras coisas, sem erro.

O código completo (resumido) e funcionando com a versão "0.11.5":
http://jsfiddle.net/zHHWL/

Já com a versão "1.1.2" da pra ver aqui que não funciona como deveria:
http://jsfiddle.net/zHHWL/3/ (<<< uso do pattern, sem pattern >>>)
http://jsfiddle.net/zHHWL/1/ (Os dois dão no mesmo)

Com a versão "1.0.2" funciona, só não 100%, não máscara o valor default
dos inputs como fez a versão "0.11.5": http://jsfiddle.net/zHHWL/2/

Com a versão "1.0.3" funciona, só não 100%, ao focar novamente, muda o
valor "1,0" pra "10,0" diferente da versão "0.11.5"
http://jsfiddle.net/zHHWL/4/

Versão "1.1.0" gera erro: too much recursion: http://jsfiddle.net/zHHWL/5/

A Versão 1.1.1 é como na versão 1.1.2!!!

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/55#issuecomment-23825466
.

[igorescobar]

Teste com a versão 1.1.3

[pyetrosafe]

Perfeito Igor, resolvido... Era isso mesmo... ;)

Como tinha pensado ^^ :: #55 (comment)

Posso usar a nova versão agora ^^

Versão 1.1.3 funcionando: http://jsfiddle.net/zHHWL/6/

Bom, testando o reverse ficou bom tb... Não havia ficado bom nas versões anteriores, mas nessa ficou show de bola!
E diminuiu o código... http://jsfiddle.net/zHHWL/7/

$(document).ready(function(){
    var opt = {
      reverse: true,
      translation: { 'Z': { pattern: /[0]/ } },
      onKeyPress: function(a, b, c, d) {
        if(!a)
          return;
        if(a.match(/^1,0|1,00|10,0/))
          m = '00,Z';
        else
          m = '0,0';
        c.mask(m, d);
      }
    };
    $('.notas').mask('00,0', opt);
});