Как корректно настроить значение инпута?

Question

[Zombie42679]

как сделать так, чтобы число менялось корректно ? то есть если ввести 30000, то будет 30 000, но если поменять 3ку на 4ку, получится 40 000 и после нажать enter, то выйдет 40 - как сделать, чтоб вышло сново 40 000 ?

Возможно код можно написать проще, но я со своими знаниями сделал всё что смог )

Пример: https://jsfiddle.net/rwcx7t41/4/

Answer 1

[fl3nkey]

Перед parseInt надо прочистить значение от пробелов:

var inp_1 = $('#inp_1');

inp_1.on('change', function() {
    var trim = inp_1.val().replace(/\s/g, '');
    var parsed = parseInt(trim, 10);
    var computed = parsed.toLocaleString('ru') + '₽';

    inp_1.val(computed);
});

Comments

[Zombie42679]

Спасибо за ответ, а подскажи пожалуйста, как сделать, чтоб изначальное значение так же было уже с пробелами и символами ?

https://jsfiddle.net/rwcx7t41/9/

[fl3nkey]

Zombie42679,

var convertToCurrency = function(val) {
  var trim = val.replace(/\s/g, '');
  var parsed = parseInt(trim, 10);
  var converted = parsed.toLocaleString('ru') + '₽';
  
  return converted;
}

var inp_1 = $('#inp_1');

inp_1.val(convertToCurrency(inp_1.val()));
inp_1.on('change', function() {
    inp_1.val(convertToCurrency(inp_1.val()));
});