Skip to main content
Commonmark migration
Origen Enlace

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.split(','),
      parteEntera = entrada[0].replace(/\./g, ''),
      parteDecimal = entrada[1],
      salida = parteEntera.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
      
    e.target.value = salida + (parteDecimal !== undefined ? ',' + parteDecimal : '');
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.split(','),
      parteEntera = entrada[0].replace(/\./g, ''),
      parteDecimal = entrada[1],
      salida = parteEntera.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
      
    e.target.value = salida + (parteDecimal !== undefined ? ',' + parteDecimal : '');
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.split(','),
      parteEntera = entrada[0].replace(/\./g, ''),
      parteDecimal = entrada[1],
      salida = parteEntera.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
      
    e.target.value = salida + (parteDecimal !== undefined ? ',' + parteDecimal : '');
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

se añadieron 157 caracteres en el cuerpo
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.split(','),
      parteEntera = entrada[0].replace(/\./g, '');,
    var  parteDecimal = entrada[1],
      salida = entradaparteEntera.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
      
    e.target.value = salida;salida + (parteDecimal !== undefined ? ',' + parteDecimal : '');
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.replace(/\./g, '');
    var salida = entrada.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
    e.target.value = salida;
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.split(','),
      parteEntera = entrada[0].replace(/\./g, ''),
      parteDecimal = entrada[1],
      salida = parteEntera.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
      
    e.target.value = salida + (parteDecimal !== undefined ? ',' + parteDecimal : '');
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia:

Publicación recuperada por Marcos
Publicación eliminada por Marcos
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

Intenta suscribirte al evento input en lugar de keyup. Aprovecho para sugerir una forma "mas simple" de lograr el mismo resultado.

###Solución:

var separador = document.getElementById('separadorMiles');

separador.addEventListener('input', (e) => {
    var entrada = e.target.value.replace(/\./g, '');
    var salida = entrada.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");
    e.target.value = salida;
}, false);
<input type="text" name="inversion" placeholder="$10.000.000" class="form-control" id="separadorMiles" required><br>

Referencia: