Skip to main content
se añadieron 64 caracteres en el cuerpo
Origen Enlace
farsSharp
  • 2.4k
  • 13
  • 23

ELHay que hacerlo en dos partes. Primero limpiar el número y después darle el formato Monetario.

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

Para este caso es más eficiente el evento change del input.

$('.decimales').on('input''change', function () {
  this.value = maskDinero(unmaskDinero(this.value));
});

function unmaskDinero(numeroString) {
    return +(numeroString.matchreplace(/^[0[^0-9.,]+$-]+/g,""));
}
function maskDinero(numeroInt) {
    return "$" + parseFloat(numeroInt).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  this.value = this.value.match(/^[0-9.,]+$/);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

Hay que hacerlo en dos partes. Primero limpiar el número y después darle el formato Monetario.

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

Para este caso es más eficiente el evento change del input.

$('.decimales').on('change', function () {
  this.value = maskDinero(unmaskDinero(this.value));
});

function unmaskDinero(numeroString) {
    return +(numeroString.replace(/[^0-9.-]+/g,""));
}
function maskDinero(numeroInt) {
    return "$" + parseFloat(numeroInt).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

se añadieron 64 caracteres en el cuerpo
Origen Enlace
farsSharp
  • 2.4k
  • 13
  • 23

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  let numthis.value = this.value.replacematch(/[^0^[0-9,]+/g,""),
      coma = num.replace(/,]+$/g, ".");
  this.value = coma;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  let num = this.value.replace(/[^0-9,]+/g,""),
      coma = num.replace(/,/g, ".");
  this.value = coma;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  this.value = this.value.match(/^[0-9.,]+$/);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

se añadieron 64 caracteres en el cuerpo
Origen Enlace
farsSharp
  • 2.4k
  • 13
  • 23

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  this.valuelet num = this.value.replace(/[^0-9.-,]+/g,""),
      coma = num.replace(/,/g, ".");
  this.value = coma;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  this.value = this.value.replace(/[^0-9.-]+/g,"");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

EL segundo repleace que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) en las reglas RegExp para que valide valores negativos.

$('.decimales').on('input', function () {
  let num = this.value.replace(/[^0-9,]+/g,""),
      coma = num.replace(/,/g, ".");
  this.value = coma;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="decimales">

Origen Enlace
farsSharp
  • 2.4k
  • 13
  • 23
Loading