1

Estoy intentando hacer un formato de moneda "peso" para mi input, en donde quiero que se formatee automáticamente al ingresar con separador de miles(".") He probado con varios códigos y no funcionan

3
  • ¿Qué intentó? ¿A qué códigos se refiere? añada el código a su pregunta ,empleando el enlace editar.
    – Dev. Joel
    Commented el 29 jun. 2017 a las 21:28
  • $("#Valor").on({ "focus": function (event) { $(event.target).select(); }, "keyup": function (event) { $(event.target).val(function (index, value ) { return value.replace(/\D/g, "") .replace(/([0-9])([0-9]{2})$/, '$1.$2') .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ","); }); } }); Commented el 29 jun. 2017 a las 21:30
  • function separador(Valor) { var nums = new Array(); var simb = "."; Valor = Valor.toString(); Valor = Valor.replace(/\D/g, ""); nums = Valor.split(""); var long = nums.length - 1; var patron = 3; var prox = 2; var res = ""; while (long > prox) { nums.splice((long - prox),0,simb); prox += patron; } for (var i = 0; i <= nums.length-1; i++) { res += nums[i]; } return res; } Commented el 29 jun. 2017 a las 21:32

3 respuestas 3

3

Si lo que deseas es formatear el número mientras se escribe puedes agregar un evento keyup ya sea con jquery o javascript que este tome el valor y utilizando el método Number.prototype.toLocaleString() formatear el número y agregarlo al valor del input.

Ejemplo realizado con javascript:

const number = document.querySelector('.number');

function formatNumber (n) {
	n = String(n).replace(/\D/g, "");
  return n === '' ? n : Number(n).toLocaleString();
}
number.addEventListener('keyup', (e) => {
	const element = e.target;
	const value = element.value;
  element.value = formatNumber(value);
});
<input type="text" class="number">

Te dejo un link con documentación sobre el método toLocaleString()

2
  • Este codigo me funciona perfect, el unico problema es que lo hace con todos los input text y no solo con uno de ellos que es el en q quiero q se muestre Commented el 3 jul. 2017 a las 14:51
  • (fixed) había añadido el evento keyup al document y no a la variable number. Ahora debería funcionar. También puedes usar el selector de jQuery y añadirle el evento keyup, algo así $('.number').keyup() y pasarle el callback. Commented el 3 jul. 2017 a las 23:38
2

Yo uso el siguiente código en Javascript:

function formatNumber(num) {
    if (!num || num == 'NaN') return '-';
    if (num == 'Infinity') return '&#x221e;';
    num = num.toString().replace(/\$|\,/g, '');
    if (isNaN(num))
        num = "0";
    sign = (num == (num = Math.abs(num)));
    num = Math.floor(num * 100 + 0.50000000001);
    cents = num % 100;
    num = Math.floor(num / 100).toString();
    if (cents < 10)
        cents = "0" + cents;
    for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3) ; i++)
        num = num.substring(0, num.length - (4 * i + 3)) + '.' + num.substring(num.length - (4 * i + 3));
    return (((sign) ? '' : '-') + num + ',' + cents);
}
0

Con PHP: 2 decimales separados por comas y miles por punto.

$pesos = number_format($cantidad, 2,',','.');

También tienes la función money_format, que es específica para moneda.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.