Как реализовать подставляемый placeholder?

Question

[freeeeez]

Есть input="text" в который пользователь вводит цену в рублях. У поля есть только placeholder="Цена, руб", а значит когда туда вводят число, то placeholder пропадает. Как сделать, чтобы после onblur добавлялся ", руб" в конце, а при "focus" пропадал?

Answer 1

[0xD34F]

<input placeholder="цена, руб.">

$('input').on({
  focus() {
    $(this).val((i, v) => v.replace(', руб.', ''));
  },
  blur() {
    $(this).val((i, v) => v && `${v}, руб.`);
  },
});