Estoy buscando una forma de prefijar £ en un campo de texto de entrada pero también agregar comas para el formato de número. Tengo funciones de trabajo para ambos, pero juntos se alteran entre sí y no funcionan.
Código de trabajo para el prefijo £ :
$("#income").keydown(function(e) { var oldvalue=$(this).val(); var field=this; setTimeout(function () { if(field.value.indexOf('£') !== 0) { $(field).val(oldvalue); } }, 1); });Código de trabajo para comas:
// Add comma to input field $('#income').keyup(function(event) { // skip for arrow keys if(event.which >= 37 && event.which <= 40) return; // format number $(this).val(function(index, value) { return value.replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d))/g, ","); }); });jsfiddle: http://jsfiddle.net/c40bvpo1/1/
¡Muchas gracias!
Puede agregar el símbolo £ al comienzo del return :
// Add comma to input field $("#income").keyup(function(event) { // skip for arrow keys if (event.which >= 37 && event.which <= 40) return; // format number $(this).val(function(index, value) { return "£" + value .replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d))/g, ","); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script> <input id="income" type="text" value="£" />Esto se puede hacer usando un evento keydown o keyup . Para la demostración, he usado el evento keyup .
$('#income').keyup(function(event) { // skip for arrow keys if(event.which >= 37 && event.which <= 40) return; let val = $(this).val(); val = format_number(val); val = prefix_currency(val); $(this).val(val); }); function prefix_currency(val, cur = '£' ) { if(val.indexOf(cur) !== 0) { val = cur + val; } return val; } function format_number(val) { return val .replace(/\D/g, "") .replace(/\B(?=(\d{3})+(?!\d))/g, ","); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="income" type="text" value="£" />