Как подставить нули к дублируемому инпуту?

Question

[Ян]

Есть у меня скрипт, дублирующий значения из нескольких инпутов (#id1, #id2, #id3) в один инпут (#all) той же формы.

$('#id1,#id2,#id3').keyup(function() {
$('#all').val($('#id1').val() + $('#id2').val() + $('#id3').val());
});

Также есть скрипт, добавляющий нули с точкой к инпуту #id1, который является ценой (к примеру 1500.00). То есть пользователь вбивает цену, а нули после точки подставляются автоматически, если не были добавлены копейки.

$('#id1').on('change',function(){		
		var sumValue = this.value;		
		if(sumValue == ''){
			return false;
		}		
		if(!sumValue.match(/\.\d+$/ig)){
			this.value = sumValue + '.00';
		}
	});

И то и другое по отдельности работает. Но когда второй скрипт добавляет нули после точки в инпут #id1, в инпуте #all он по-прежнему значится без нулей. Либо нули добавляются, но только после редактирования остальных инпутов.

Как сделать автоматическое их добавление в инпут #all сразу после добавления нудей в инпут #id1?

Код на CodePen https://codepen.io/jandeveloper/pen/OJEvbBa

Comments

[Ян]

Ivan, Так не пойдет. Потому что нули мне нужны только если не добавлены копейки. А если сумма будет к примеру 100.50? Тогда в #all будет сумма 100.50.00

[Elvis]

Ян, так сделай проверку. Если нет - добавляй.

[Ян]

Elvis, У меня знаний не хватает, чтобы совместить эти два скрипта ))) Корявость всякая получается в итоге )

[Ян]

Ivan, Залил
https://codepen.io/jandeveloper/pen/OJEvbBa

[Ян]

Ivan, А где посмотреть? )

[Ян]

Ivan, Теперь получается, что ко всем трем инпутам нули добавляются ) А нужно только к #id3

[Ян]

Ivan, Посмотри пожалуйста мой код. Там нули в третьем инпуте id3 подставляются в all только если его забивать в первую очередь. Иначе нули просто не добавляются в all. Я хотел чтобы нули в all автоматически добавлялись, а если есть значения после точки, то тогда не нули, а значения

[Ян]

Ivan, В конечном итоге вот это было то, что мне нужно!

$('#id1,#id2,#id3').keyup(function() {
var t1 = $('#id1').val();
var t2 = $('#id2').val();
var t3 = $('#id3').val();
if($('#id3').val().split('.').length != 2)
t3 = $('#id3').val()+'.00';
$('#all').val(t1+'-'+t2+'-'+t3);
});

Спасибо! Ты мне очень помог!

[Ян]

Ivan, Напиши отдельный комментарий к посту не в этой ветке. Я отмечу его решением

Answer 1

[Elvis]

Вот, что тебе нужно: toFixed

Comments

[Ян]

Я так понимаю это javascript. А мне нужно это как-то использовать в jquery

[Elvis]

Ян, одно другому не мешает

[v3shin]

Ян, jQuery - это тоже js.

Answer 2

[Сергей Соколов]

Если в поле только цифры – сделать число Number(value) и методом toFixed(2) гарантировать 2 знака после запятой.
Если в поле только пробелы или пусто, нарисовать подчёркивание.
Применить ко всем трём полям одинаково: