Skip to main content
adicionou 148 caracteres ao conteúdo
Fonte Link
Brunno
  • 3,3mil
  • 3
  • 18
  • 34

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.');
    vthis.value = v != '' ? 'R$ ' + v : 'Grátis';
  //Retorno seu valor this.valuecom =(R$) v;ou se estiver vazio seta para (Grátis) :D 
}

Segue um jsfiddle da mascara :)

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

document.getElementById('numero').addEventListener("keyup", mascara);

function mascara() {
    var v = this.value;
    v = v.replace(/\D/g, '');
    v = v.replace(/(\d{2})$/, ',$1');
    v = v.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
    v = v != '' ? 'R$ ' + v : 'Grátis';
     this.value = v;
}

Segue um jsfiddle da mascara :)

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 :)

Fonte Link
Brunno
  • 3,3mil
  • 3
  • 18
  • 34

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

document.getElementById('numero').addEventListener("keyup", mascara);

function mascara() {
    var v = this.value;
    v = v.replace(/\D/g, '');
    v = v.replace(/(\d{2})$/, ',$1');
    v = v.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
    v = v != '' ? 'R$ ' + v : 'Grátis';
    this.value = v;
}

Segue um jsfiddle da mascara :)