Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Função javascript para formatar campos que recebem preços
function formataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';
var whichCode = (window.addEventListener) ? e.which : e.keyCode;
// 13=enter, 8=backspace as demais retornam 0(zero)
// whichCode==0 faz com que seja possivel usar todas as teclas como delete, setas, etc
if ((whichCode == 13) || (whichCode == 0) || (whichCode == 8))
return true;
key = String.fromCharCode(whichCode); // Valor para o código da Chave
if (strCheck.indexOf(key) == -1)
return false; // Chave inválida
len = objTextBox.value.length;
if(len >= objTextBox.getAttribute('maxlength'))
return false;
for(i = 0; i < len; i++)
if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal))
break;
aux = '';
for(; i < len; i++)
if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1)
aux += objTextBox.value.charAt(i);
aux += key;
len = aux.length;
if (len == 0)
objTextBox.value = '';
if (len == 1)
objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;
if (len == 2)
objTextBox.value = '0'+ SeparadorDecimal + aux;
if (len > 2) {
aux2 = '';
for (j = 0, i = len - 3; i >= 0; i--) {
if (j == 3) {
aux2 += SeparadorMilesimo;
j = 0;
}
aux2 += aux.charAt(i);
j++;
}
objTextBox.value = '';
len2 = aux2.length;
for (i = len2 - 1; i >= 0; i--)
objTextBox.value += aux2.charAt(i);
objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
}
return false;
}
@adriano-alves

This comment has been minimized.

Copy link

@adriano-alves adriano-alves commented Sep 1, 2018

No pc funcionou normalmente mas no celular não está formatando. Eu uso o j7 neo da samsung

@rrfaria

This comment has been minimized.

Copy link

@rrfaria rrfaria commented Mar 22, 2019

Eu editei a função e dei uma melhorada nela para passar no lint do airbnb
Mas eu ainda acho que precisa aplicar um clean code aqui para ficar mais facil de entender

Desafio pra galera fazer um refac e aplicar clean code aqui e deixar nos comentários.

function formataMoeda(el, SeparadorMilesimo, SeparadorDecimal, e) {
	const objTextBox = el;
	const maxLen = objTextBox.getAttribute('maxlength');
	let len = objTextBox.value.length;
	let key = '';
	let i = 0;
	const strCheck = '0123456789';
	let aux = '';
	const whichCode = (window.addEventListener) ? e.which : e.keyCode;
	// 13=enter, 8=backspace as demais retornam 0(zero)
	// whichCode==0 faz com que seja possivel usar todas as teclas como delete, setas, etc
	if ((whichCode === 13) || (whichCode === 0) || (whichCode === 8)) {
		return true;
	}
	key = String.fromCharCode(whichCode); // Valor para o código da Chave


	if (strCheck.indexOf(key) === -1) {
		return false;
	} // Chave inválida

	if (len >= maxLen) {
		return false;
	}

	for (i = 0; i < len; i += 1) {
		if ((objTextBox.value.charAt(i) !== '0') && (objTextBox.value.charAt(i) !== SeparadorDecimal)) {
			break;
		}
	}
	for (; i < len; i += 1) {
		if (strCheck.indexOf(objTextBox.value.charAt(i)) !== -1) {
			aux += objTextBox.value.charAt(i);
		}
	}
	aux += key;
	len = aux.length;
	if (len === 0) {
		objTextBox.value = '';
	}
	if (len === 1) {
		objTextBox.value = `0${SeparadorDecimal}0${aux}`;
	}
	if (len === 2) {
		objTextBox.value = `0${SeparadorDecimal}${aux}`;
	}
	if (len > 2) {
		let aux2 = '';
		let len2 = 0;
		let j = 0;
		for (j = 0, i = len - 3; i >= 0; i -= 1) {
			if (j === 3) {
				aux2 += SeparadorMilesimo;
				j = 0;
			}
			aux2 += aux.charAt(i);
			j += 1;
		}
		objTextBox.value = '';
		len2 = aux2.length;
		for (i = len2 - 1; i >= 0; i -= 1) {
			objTextBox.value += aux2.charAt(i);
		}
		objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
	}
	return false;
}
const elem = document.getElementById('money-mask');
elem.onkeypress = e => formataMoeda(e.target, '.', ',', e);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment