перевод числа в денежный эквивалент

@krestik2099 · Регистрация: 11.02.2018

Author24 — интернет-сервис помощи студентам

Сделайте страницу с несколькими (не менее пяти) одностроковыми полями для ввода текста. Далее обеспечьте такую возможность: если человек набрал в некотором поле число и перешел в другое поле, в оставляемом поле число должно автоматически преобразоваться в "денежный" вид - рррр.кк

Например, если набрано 12, должно получиться 12.00, набрано 1.3, должно получиться 1.30, и т.д.

Если же то, что было набрано, не является правильным числом, Ваша программа должна снова поставить курсор в ошибочное поле для внесения исправлений.

Часть задания сделана, значения переводятся в денежный, но необходимо сделать, чтобы при записи значения в поле все происходило, а не в коде и при нажатии на другое поле значение менялось в предыдущем поле, вот вариант кода:
"use strict";

(function(){
var priceSet;

priceSet = function(data){
/*
* В переменной price приводим получаемую переменную в нужный вид:
* 1. принудительно приводим тип в число с плавающей точкой,
* учли результат 'NAN' то по умолчанию 0
* 2. фиксируем, что после точки только в сотых долях
*/
var price = Number.prototype.toFixed.call(parseFloat(data) || 0, 2),
//заменяем точку на запятую
price_sep = price.replace(/(\D)/g, ","),
//добавляем пробел как разделитель в целых
price_sep = price_sep.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1 ");

return price_sep + ' руб.';
};

//Test
priceSet('324'); // 324,00 руб.
priceSet('3242333238'); // 3 242 333 238,00 руб.
priceSet('323234424sa323'); // 323 234 424,00 руб.
priceSet(324.3232); // 324,32 руб.
priceSet('324.as232'); // 324,00 руб.
})();

@MrOnlineCoder · 21.04.2018, 17:37

krestik2099,

HTML5

<input type="text" class="money-edit">
<input type="text" class="money-edit">
<input type="text" class="money-edit">
...

Javascript

function handler() {
  this.value = priceSet(this.value);
}
 
var elems= document.getElementsByClassName("money-edit");
 
for (var i = 0; i < classname.length; i++) {
    elems[i].addEventListener('blur', handler, false);
}

@krestik2099 · 21.04.2018, 21:07 **[ТС]**

Данный код не работает.

@MrOnlineCoder · 21.04.2018, 23:48

krestik2099, упс, опечатка вышла:

Javascript

var elems= document.getElementsByClassName("money-edit");
 
for (var i = 0; i < elems.length; i++) {
    elems[i].addEventListener('blur', handler, false);
}

@klopp · 22.04.2018, 09:40

HTML5

<input type="text" class="money-edit">
<input type="text" class="money-edit">
<input type="text" class="money-edit">
...

Javascript

let inp = document.querySelectorAll('.money-edit');
function priceSet(elem) {
    let price = parseFloat(elem.value.replace(',', '.')).toFixed(2);
    if(isNaN(price)) {
        elem.value = ''; 
        elem.focus();
    } 
    else
        elem.value = price;
}
inp.forEach(el => el.addEventListener('blur', () => priceSet(el)));

@krestik2099 0 / 0 / 0 Регистрация: 11.02.2018 Сообщений: 13
		1
	перевод числа в денежный эквивалент 21.04.2018, 14:09. Показов 2956. Ответов 4 Метки нет (Все метки) Сделайте страницу с несколькими (не менее пяти) одностроковыми полями для ввода текста. Далее обеспечьте такую возможность: если человек набрал в некотором поле число и перешел в другое поле, в оставляемом поле число должно автоматически преобразоваться в "денежный" вид - рррр.кк Например, если набрано 12, должно получиться 12.00, набрано 1.3, должно получиться 1.30, и т.д. Если же то, что было набрано, не является правильным числом, Ваша программа должна снова поставить курсор в ошибочное поле для внесения исправлений. Часть задания сделана, значения переводятся в денежный, но необходимо сделать, чтобы при записи значения в поле все происходило, а не в коде и при нажатии на другое поле значение менялось в предыдущем поле, вот вариант кода: "use strict"; (function(){ var priceSet; priceSet = function(data){ /* * В переменной price приводим получаемую переменную в нужный вид: * 1. принудительно приводим тип в число с плавающей точкой, * учли результат 'NAN' то по умолчанию 0 * 2. фиксируем, что после точки только в сотых долях */ var price = Number.prototype.toFixed.call(parseFloat(data) \|\| 0, 2), //заменяем точку на запятую price_sep = price.replace(/(\D)/g, ","), //добавляем пробел как разделитель в целых price_sep = price_sep.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1 "); return price_sep + ' руб.'; }; //Test priceSet('324'); // 324,00 руб. priceSet('3242333238'); // 3 242 333 238,00 руб. priceSet('323234424sa323'); // 323 234 424,00 руб. priceSet(324.3232); // 324,32 руб. priceSet('324.as232'); // 324,00 руб. })(); 0

@krestik2099 0 / 0 / 0 Регистрация: 11.02.2018 Сообщений: 13
	21.04.2018, 21:07 [ТС]	3
	Данный код не работает. 0

	22.04.2018, 09:40