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
-
¿Qué intentó? ¿A qué códigos se refiere? añada el código a su pregunta ,empleando el enlace editar.– Dev. JoelCommented 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, ","); }); } });– Marcela FaúndezCommented 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; }– Marcela FaúndezCommented el 29 jun. 2017 a las 21:32
Añade un comentario
|
3 respuestas
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()
-
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
Yo uso el siguiente código en Javascript:
function formatNumber(num) {
if (!num || num == 'NaN') return '-';
if (num == 'Infinity') return '∞';
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);
}
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.