2

Qual é o erro desta expressão regular. Já testei com outra função e a máscara funciona. Mas nesta para números com centavos, não funciona. Qual é o erro?

<html>  
<body>  
<script>  

function mascara(o, f) {  
obj=o;  
fun=f;  
setTimeout(execMascara(), 1);  
}  

function execMascara() {  
obj.value=fun(obj.value);  
}  

function soNumeros(v) {  
    var v = this;  

if(v.indexOf('.')==-1) {  
v = v.replace(/([\d]+)/, "$1,00");  
    }  

v = v.replace(/([\d]+)\.([\d]{1})/g, "$1,$20");  
v = v.replace(/([\d]+)\.([\d]{2})/g, "$1,$2");  

return v ? "R$ " + v : 'Grátis';  
}  

</script>  

<form>  
<label="numero">  
Só número: <input id="numero" onkeypress="mascara(this,soNumeros)"/>  
</label>  
</form>  
</body>  
</html>  


<html>  
<body>  
<script>  

function mascara(o, f) {  
obj=o;  
fun=f;  
setTimeout(execMascara(), 1);  
}  

function execMascara() {  
obj.value=fun(obj.value);  
}  

function soNumeros(v) {  
    var v = this;  

if(v.indexOf('.')==-1) {  
v = v.replace(/([\d]+)/, "$1,00");  
    }  

v = v.replace(/([\d]+)\.([\d]{1})/g, "$1,$20");  
v = v.replace(/([\d]+)\.([\d]{2})/g, "$1,$2");  

return v ? "R$ " + v : 'Grátis';  
}  

</script>  

<form>  
<label="numero">  
Só número: <input id="numero" onkeypress="mascara(this,soNumeros)"/>  
</label>  
</form>  
</body>  
</html>
7
  • @rray já foi formatado. Ainda estou me interando com a formatação do stackoverflow. Commented 20/10/2015 às 14:41
  • Retira o escape \. de ambas as regex, testei sem eles e funcionou normalmente.
    – user28595
    Commented 20/10/2015 às 14:41
  • @Diego Felipe é para tirar os símbolos "\" e o "."? Tirei o "\" e continua aceitando letras. Commented 21/10/2015 às 13:12
  • 1
    Olha resposta do @Brunno, ela atende perfeitamente ao que você quer fazer.
    – user28595
    Commented 21/10/2015 às 13:13
  • 1
    Não vejo problema nisso, se você checar grandes internet bankings, esses digitos funcionam desta forma, você vai digitando e precisa adicionar os zeros para "crescer" um valor. Desde que a mascara mostre ao usuário de que se ele digitar 120, vai formatar como 1,20 antes(como na solução do brunno), não tem problema. Deve-se atentar ao caso dele desligar o javascript, mas creio que uma tela de confirmação seria suficiente.
    – user28595
    Commented 21/10/2015 às 14:10

2 Respostas 2

2

O objecto window está sobrescrevendo o valor informado no campo de texto, veja a linha 16.

var v = this; //Está instrução não faz muito sentido

O objecto window não tem a função indexOf().

1
2

Para adicionar a mascara só com JavaScript e Regex, eu faria da seguinte forma:

document.getElementById('numero').addEventListener("keyup", mascara); //Pego evento de keyup ()

function mascara() {
    var v = this.value; //Pego valor
    v = v.replace(/\D/g, ''); //Valida se é numero
    v = v.replace(/(\d{2})$/, ',$1'); //Seto valores antes da virgula
    v = v.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
    this.value = v != '' ? 'R$ ' + v : 'Grátis'; //Retorno seu valor com (R$) ou se estiver vazio seta para (Grátis) :D 
}

Segue um jsfiddle da mascara :)

4
  • funcionou, mas tem um detalhe: se eu digitar 120 reais, vai me retornar 1,20. A função tem que aceitar a vírgula ou o ponto digitado pelousuário. Se o usuário digitar outro caracter que não seja a vírgula, não aceita no campo. Se digitar automaticamente, ou o usuário digita 00 no final ou vai alterar o valor. Commented 21/10/2015 às 13:35
  • Tem um caractere "*" que é chamado de lazy, alguma coisa assim para encontrar um caractere no campo de edição. Commented 21/10/2015 às 13:38
  • @AndréNascimento, então cara esse exemplo acima ele vai colocar a mascara de forma incremental, na minha aplicação ele atendeu legal, mas é sim possível algumas alterações para que aceite ponto ou virgula mais vai ter que mudar um pouco o funcionamento da regex .. Outro caso seria usar algum plugin, existem vários que fazem isso :D Mais que não quiser colocar jQuery no meio ai vale analisar a alteração na regex hehehe'
    – Brunno
    Commented 21/10/2015 às 14:39
  • 1
    Brunno @ preferi a regex, só fiz algumas mudanças, pois quando eu digitava 1000, o correto seria estruturar para 10,00, mas a regex colocava a vírgula assim: 100,0. Tinha parte da regex que inseria a "," após 3 números. Só fiquei com a última linha, que é para inserir "," antes dos dois últimos números. Commented 21/10/2015 às 23:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .