[Resolvido] mascara javascript para dinheiro mas com ponto

LEO8789 · Maio 28, 2009

Preciso de uma mascara javascript para moeda

so que em vez de virgula gostaria que fosse ponto

desde ja obrigado...

hargon · Maio 28, 2009

Como ponto? Exemplique o que você quer que fica mais fácil entender.

Em todo caso deixo um link de formatação de moeda para dar uma olhada.

LEO8789 · Maio 29, 2009

Preciso de uma mascara javascript para moeda

so que em vez de virgula gostaria que fosse ponto

desde ja obrigado...

por exemplo em vez de R$ 1,50 ficar R$1.50

ou entao R$1.800,00 assim R$1.800.00

hargon · Maio 29, 2009

O correto é colocar a vírgula para centavos.

Mas em todo caso, para substituir a vírgula por ponto é só você fazer essa substituicao no código.

LEO8789 · Maio 29, 2009

Cara muito obrigado consegui com o link que você me mandou

mas agora quando tento calcular usando a mascara do script do cara

o calculo não da certo se em um campo eu jogo numero

inteiro e no outro a mascara de decimal da certo mas se caso eu tente

executar o calculo com os dois campos utilizando a mascara de decimal nao aparece nada

é como se ele nem tentasse calcular...

esse aqui é o script que da certo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>PLANILHA DE VENDAS</title>

<!--

.style1 {font-family: LINCOLN; font-size:55px}

-->

</style>

</head>

<body>

<span class="style1">Planilha de vendas</span>

<BR>

<?php

include ('menu.php');

?>

$(function (){

$("#valor1").maskMoney()

$("#real").maskMoney({symbol:"R$",decimal:",",thousands:"."})

$("#euro").maskMoney({symbol:"Euro",decimal:",",thousands:" "})

$("#precision").maskMoney({decimal:",",thousands:" ",precision:3})

})

function removeMask(){

$("#dolar").unmaskMoney();

}

//TERMINA FUNÃ‡AO DE MASCARA DE PRECO

//-----------------------------------------------------------

//COMEÃ‡A FUNÃ‡AO DE CALCULO DE PORCENTAGEM

function realiza_calculo()

{

var campo1 = document.getElementById('valor1').value;

var campo2 = document.getElementById('valor2').value;

var campo3 = document.getElementById('valor3').value;

var campo4 = document.getElementById('valor4').value;

var campo5 = document.getElementById('valor5').value;

var campo6 = document.getElementById('valor6').value;

var resul =campo2 * 100 / campo1 ;

var result = 100 - resul ;

document.getElementById('resultado').value = result;

}

</script>

<p>Data:

<input type="text" name="data" value="<?php echo date ('Y/m/d') ?>" size="15" maxlength="10" />

</p>

<p>Ordem de Serviço:

e

</p>

<p> Valor da venda: R$

</p>

<p>Valor óculos da promoção:

</p>

<p> </p><p>Armação: Griffe:

<option value="NENHUM">NENHUM</option>

<option value="ASTEK">ASTEK</option>

<option value="ELEGANTE">ELEGANTTE</option>

<option value="BRUTUS">BRUTUS</option>

<option value="X-VISION">X-VISION</option>

<option value="R.VENEZIANO">R. VENEZIANO</option>

<option value="RURUS">RURUS</option>

<option value="JEAN MARCELL">JEAN MARCELL</option>

<option value="JULIEN LAFOND">JULIEN LAFOND</option>

<option value="MARIE & JEAN">MARIE & JEAN</option>

<option value="FERRATI">FERRATI</option>

<option value="RENATA REGIS">RENATA REGIS</option>

<option value="MILDEX">MILDEX</option>

<option value="ARMAÇÃO CLIENTE">ARMAÇÃO CLIENTE</option>

<option value="BOSSI">BOSSI</option>

<option value="INFINIT">INFINIT</option>

<option value="RENOMA">RENOMA</option>

<option value="BACARDDI">BACARDDI</option>

<option value="DIMAS">DIMAS</option>

<option value="BACARA">BACARA</option>

</select>

Modelo:

Tamanho:

Cor:

Valor R$:

</p>

<p>Armação: Griffe:

<option value="NENHUM">NENHUM</option>

<option value="ASTEK">ASTEK</option>

<option value="ELEGANTE">ELEGANTTE</option>

<option value="BRUTUS">BRUTUS</option>

<option value="X-VISION">X-VISION</option>

<option value="R.VENEZIANO">R. VENEZIANO</option>

<option value="RURUS">RURUS</option>

<option value="JEAN MARCELL">JEAN MARCELL</option>

<option value="JULIEN LAFOND">JULIEN LAFOND</option>

<option value="MARIE & JEAN">MARIE & JEAN</option>

<option value="FERRATI">FERRATI</option>

<option value="RENATA REGIS">RENATA REGIS</option>

<option value="MILDEX">MILDEX</option>

<option value="ARMAÇÃO CLIENTE">ARMAÇÃO CLIENTE</option>

<option value="BOSSI">BOSSI</option>

<option value="INFINIT">INFINIT</option>

<option value="RENOMA">RENOMA</option>

<option value="BACARDDI">BACARDDI</option>

<option value="DIMAS">DIMAS</option>

<option value="BACARA">BACARA</option>

</select>

Modelo:

Tamanho:

Cor:

Valor R$:

</p>

</tr>

<tr>

<td> <p>Lentes Tipo:

Valor R$:

</p>

</tr>

<tr>

<td>

<p>Lentes Tipo:

Valor R$:

</p>

</tr>

<tr>

<td>

<p>Montagem: Tipo:

<option>Armação Simples</option>

<option>Armação Fio de Nylon</option>

<option>Armação Parafusada</option>

</select>

Valor R$:

</p>

<p>Montagem: Tipo:

<option>Armação Simples</option>

<option>Armação Fio de Nylon</option>

<option>Armação Parafusada</option>

</select>

Valor R$:

</p>

<p>Lucro Bruto R$:

Porcentagem do Lucro:

%</p>

<p>Vendedor (a):

</p>

<p>Tipo de Venda:

<option>À vista em Dinheiro</option>

<option>À vista em Cheque</option>

<option>À vista em CartÃo</option>

<option>Parcelado Cheque</option>

<option>Parcelado CartÃo</option>

</select>

Cartão:

<option>American Express</option>

<option>Diners Club</option>

<option>Master Card</option>

<option>Master Card Maestro</option>

<option>Visa Eletron</option>

<option>Sorocred</option>

<option>Z&A Classic Card</option>

</select>

Quant. Parcelas:

<option>À vista</option>

</select>

</p>

</form>

</table>

</body>

</html>

E ESSE AQUI O QUE EU TENTEI FAZER MAS TA DANDO ERRADO

NOTE QUE EU ADICIONEI UMA STRING PARA A MASCARA

E JOGUEI PRO NOME DA ID DOS INPUTS CORRESPONDENTES SEGUE AI:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>PLANILHA DE VENDAS</title>

<!--

.style1 {font-family: LINCOLN; font-size:55px}

-->

</style>

</head>

<body>

<span class="style1">Planilha de vendas</span>

<BR>

<?php

include ('menu.php');

?>

$(function (){

$("#dolar1").maskMoney()

$("#dolar2").maskMoney()

$("#real").maskMoney({symbol:"R$",decimal:",",thousands:"."})

$("#euro").maskMoney({symbol:"Euro",decimal:",",thousands:" "})

$("#precision").maskMoney({decimal:",",thousands:" ",precision:3})

})

function removeMask(){

$("#dolar").unmaskMoney();

}

//TERMINA FUNÃ‡AO DE MASCARA DE PRECO

//-----------------------------------------------------------

//COMEÃ‡A FUNÃ‡AO DE CALCULO DE PORCENTAGEM

function realiza_calculo()

{

var campo1 = document.getElementById('dolar1').value;

var campo2 = document.getElementById('dolar2').value;

var campo3 = document.getElementById('valor3').value;

var campo4 = document.getElementById('valor4').value;

var campo5 = document.getElementById('valor5').value;

var campo6 = document.getElementById('valor6').value;

var resul =campo2 * 100 / campo1 ;

var result = 100 - resul ;

document.getElementById('resultado').value = result;

}

</script>

<p>Data:

<input type="text" name="data" value="<?php echo date ('Y/m/d') ?>" size="15" maxlength="10" />

</p>

<p>Ordem de Serviço:

e

</p>

<p> Valor da venda: R$

</p>

<p>Valor óculos da promoção:

</p>

<p> </p><p>Armação: Griffe:

<option value="NENHUM">NENHUM</option>

<option value="ASTEK">ASTEK</option>

<option value="ELEGANTE">ELEGANTTE</option>

<option value="BRUTUS">BRUTUS</option>

<option value="X-VISION">X-VISION</option>

<option value="R.VENEZIANO">R. VENEZIANO</option>

<option value="RURUS">RURUS</option>

<option value="JEAN MARCELL">JEAN MARCELL</option>

<option value="JULIEN LAFOND">JULIEN LAFOND</option>

<option value="MARIE & JEAN">MARIE & JEAN</option>

<option value="FERRATI">FERRATI</option>

<option value="RENATA REGIS">RENATA REGIS</option>

<option value="MILDEX">MILDEX</option>

<option value="ARMAÇÃO CLIENTE">ARMAÇÃO CLIENTE</option>

<option value="BOSSI">BOSSI</option>

<option value="INFINIT">INFINIT</option>

<option value="RENOMA">RENOMA</option>

<option value="BACARDDI">BACARDDI</option>

<option value="DIMAS">DIMAS</option>

<option value="BACARA">BACARA</option>

</select>

Modelo:

Tamanho:

Cor:

Valor R$:

</p>

<p>Armação: Griffe:

<option value="NENHUM">NENHUM</option>

<option value="ASTEK">ASTEK</option>

<option value="ELEGANTE">ELEGANTTE</option>

<option value="BRUTUS">BRUTUS</option>

<option value="X-VISION">X-VISION</option>

<option value="R.VENEZIANO">R. VENEZIANO</option>

<option value="RURUS">RURUS</option>

<option value="JEAN MARCELL">JEAN MARCELL</option>

<option value="JULIEN LAFOND">JULIEN LAFOND</option>

<option value="MARIE & JEAN">MARIE & JEAN</option>

<option value="FERRATI">FERRATI</option>

<option value="RENATA REGIS">RENATA REGIS</option>

<option value="MILDEX">MILDEX</option>

<option value="ARMAÇÃO CLIENTE">ARMAÇÃO CLIENTE</option>

<option value="BOSSI">BOSSI</option>

<option value="INFINIT">INFINIT</option>

<option value="RENOMA">RENOMA</option>

<option value="BACARDDI">BACARDDI</option>

<option value="DIMAS">DIMAS</option>

<option value="BACARA">BACARA</option>

</select>

Modelo:

Tamanho:

Cor:

Valor R$:

</p>

</tr>

<tr>

<td> <p>Lentes Tipo:

Valor R$:

</p>

</tr>

<tr>

<td>

<p>Lentes Tipo:

Valor R$:

</p>

</tr>

<tr>

<td>

<p>Montagem: Tipo:

<option>Armação Simples</option>

<option>Armação Fio de Nylon</option>

<option>Armação Parafusada</option>

</select>

Valor R$:

</p>

<p>Montagem: Tipo:

<option>Armação Simples</option>

<option>Armação Fio de Nylon</option>

<option>Armação Parafusada</option>

</select>

Valor R$:

</p>

<p>Lucro Bruto R$:

Porcentagem do Lucro:

%</p>

<p>Vendedor (a):

</p>

<p>Tipo de Venda:

<option>À vista em Dinheiro</option>

<option>À vista em Cheque</option>

<option>À vista em CartÃo</option>

<option>Parcelado Cheque</option>

<option>Parcelado CartÃo</option>

</select>

Cartão:

<option>American Express</option>

<option>Diners Club</option>

<option>Master Card</option>

<option>Master Card Maestro</option>

<option>Visa Eletron</option>

<option>Sorocred</option>

<option>Z&A Classic Card</option>

</select>

Quant. Parcelas:

<option>À vista</option>

</select>

</p>

</form>

</table>

</body>

</html>

ah.. e o motivo de não colocar os números com ","

também é pelo calculo

se pudesse me ajudar a resolver isso

agradeceria muito...

hargon · Maio 30, 2009

Você não pode ter 2 ou mais pontos quando vai realizar o calculo. Seria o mesmo que tentar utilizar duas vírgulas.

Mantenha só o último ponto. O primeiro você remove.

shis · Maio 30, 2009

Eu aconselho usar jQuery e o plugin meioMask

$.mask.masks : {
'phone'	 : { mask : '(99) 9999-9999' },
'phone-us'  : { mask : '(999) 9999-9999' },
'cpf'	   : { mask : '999.999.999-99' },
'cnpj'	  : { mask : '99.999.999/9999-99' },
'date'	  : { mask : '39/19/9999' }, //uk date
'date-us'   : { mask : '19/39/9999' },
'cep'	   : { mask : '99999-999' },
'time'	  : { mask : '29:69' },
'cc'		: { mask : '9999 9999 9999 9999' }, //credit card mask
'integer'   : { mask : '999.999.999.999', type : 'reverse' },
'decimal'   : { mask : '99,999.999.999.999', type : 'reverse', defaultValue: '000' }, // PROVAVELMENTE você IRÁ USAR ESTE
'decimal-us'	: { mask : '99.999,999,999,999', type : 'reverse', defaultValue: '000' },
'signed-decimal'	: { mask : '99,999.999.999.999', type : 'reverse', defaultValue : '+000' },
'signed-decimal-us' : { mask : '99,999.999.999.999', type : 'reverse', defaultValue : '+000' }
}

Caso você queria personalizar uma outra máscara é só criar como o padrão acima, bem fácil

<!-- os scripts -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.meiomask.js" charset="utf-8" ></script></p>

<script type="text/javascript" >
(function($){
   // chama função setMask do meioMask
   $(function(){
	  $('input:text').setMask();// para todos os input text
   }
);})(jQuery);
</script>

<!-- NO HTML -->
<input type="text" id="decimal" value="12345" name="some_name" alt="decimal" />

Bem, acho que é isso, fica mais limpo o seu código e inobstrusivo (saúde, XD)

LEO8789 · Junho 4, 2009

Vlw gente ja consegui resolver o meu problema

pra quem chegar a precisar algum dia fica ai o codigo

o script calcula a porcentagem de lucro

do valor digitado no campo da venda pro da promoção

e tambem o lucro bruto que é a diferença de venda pra promoção

segue ai:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

documentall = document.all;

/*

* função para formatação de valores monetários retirada de

* http://jonasgalvez.com/br/blog/2003-08/egocentrismo

*/

var t = this; if(c == undefined) c = 2;

var p, d = (t=t.split("."))[1].substr(0, c);

for(p = (t=t[0]).length; (p-=3) >= 1;) {

t = t.substr(0,p) + "." + t.substr(p);

}

return t+"."+d+Array(c+1-d.length).join(0);

}

String.prototype.formatCurrency=formatamoney

function demaskvalue(valor, currency){

/*

* Se currency é false, retorna o valor sem apenas com os números. Se é true, os dois últimos caracteres são considerados as

* casas decimais

*/

var val2 = '';

var strCheck = '0123456789';

var len = valor.length;

if (len== 0){

return 0.00;

}

if (currency ==true){

/* Elimina os zeros à esquerda

* a variável <i> passa a ser a localização do primeiro caractere após os zeros e

* val2 contém os caracteres (descontando os zeros à esquerda)

*/

for(var i = 0; i < len; i++)

if ((valor.charAt(i) != '0') && (valor.charAt(i) != ',')) break;

for(; i < len; i++){

if (strCheck.indexOf(valor.charAt(i))!=-1) val2+= valor.charAt(i);

}

if(val2.length==0) return "0.00";

if (val2.length==1)return "0.0" + val2;

if (val2.length==2)return "0." + val2;

var parte1 = val2.substring(0,val2.length-2);

var parte2 = val2.substring(val2.length-2);

var returnvalue = parte1 + "." + parte2;

return returnvalue;

}

else{

/* currency é false: retornamos os valores COM os zeros à esquerda,

* sem considerar os últimos 2 algarismos como casas decimais

*/

val3 ="";

for(var k=0; k < len; k++){

if (strCheck.indexOf(valor.charAt(k))!=-1) val3+= valor.charAt(k);

}

return val3;

}

function reais(obj,event){

var whichCode = (window.Event) ? event.which : event.keyCode;

/*

Executa a formatação após o backspace nos navegadores !document.all

*/

if (whichCode == 8 && !documentall) {

/*

Previne a ação padrão nos navegadores

*/

if (event.preventDefault){ //standart browsers

event.preventDefault();

}else{ // internet explorer

event.returnValue = false;

}

var valor = obj.value;

var x = valor.substring(0,valor.length-1);

obj.value= demaskvalue(x,true).formatCurrency();

return false;

}

/*

Executa o Formata Reais e faz o format currency novamente após o backspace

*/

FormataReais(obj,'.',',',event);

} // end reais

function backspace(obj,event){

/*

Essa função basicamente altera o backspace nos input com máscara reais para os navegadores IE e opera.

O IE não detecta o keycode 8 no evento keypress, por isso, tratamos no keydown.

Como o opera suporta o infame document.all, tratamos dele na mesma parte do código.

*/

var whichCode = (window.Event) ? event.which : event.keyCode;

if (whichCode == 8 && documentall) {

var valor = obj.value;

var x = valor.substring(0,valor.length-1);

var y = demaskvalue(x,true).formatCurrency();

obj.value =""; //necessário para o opera

obj.value += y;

if (event.preventDefault){ //standart browsers

event.preventDefault();

}else{ // internet explorer

event.returnValue = false;

}

return false;

}// end if

}// end backspace

//-------------------------------------------------------------------------------------------------

//COMEÇA A FUNCAO DE CALCULO DE PORCENTAGEM

function FormataReais(fld, milSep, decSep, e) {

var campo1 = parseFloat (document.getElementById('valor1').value);

var campo2 = parseFloat (document.getElementById('valor2').value);

var result= campo2 * 100 / campo1 * 10 ;

var resultado = 100 - result ;

document.getElementById('resultado').value=resultado.toFixed(2);

//TERMINA A FUNCAO DE CALCULO DE PORCENTAGEM E COMEÇA A DE CALULO DE LUCRO BRUTO

var campo1 = parseFloat (document.getElementById('valor1').value);

var campo2 = parseFloat (document.getElementById('valor2').value);

var resultbruto= eval ( campo1 - campo2 * 10 );

document.getElementById('resultbruto').value=resultbruto.toFixed(2);

//TERMINA OS CALCULOS

//-------------------------------------------------------------------------------------------------

var sep = 0;

var key = '';

var i = j = 0;

var len = len2 = 0;

var strCheck = '0123456789';

var aux = aux2 = '';

var whichCode = (window.Event) ? e.which : e.keyCode;

//if (whichCode == 8 ) return true; //backspace - estamos tratando disso em outra função no keydown

if (whichCode == 0 ) return true;

if (whichCode == 9 ) return true; //tecla tab

if (whichCode == 13) return true; //tecla enter

if (whichCode == 16) return true; //shift internet explorer

if (whichCode == 17) return true; //control no internet explorer

if (whichCode == 27 ) return true; //tecla esc

if (whichCode == 34 ) return true; //tecla end

if (whichCode == 35 ) return true;//tecla end

if (whichCode == 36 ) return true; //tecla home

/*

O trecho abaixo previne a ação padrão nos navegadores. Não estamos inserindo o caractere normalmente, mas via script

*/

if (e.preventDefault){ //standart browsers

e.preventDefault()

}else{ // internet explorer

e.returnValue = false

}

var key = String.fromCharCode(whichCode); // Valor para o código da Chave

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

/*

Concatenamos ao value o keycode de key, se esse for um número

*/

fld.value += key;

var len = fld.value.length;

var bodeaux = demaskvalue(fld.value,true).formatCurrency();

fld.value=bodeaux;

/*

Essa parte da função tão somente move o cursor para o final no opera. Atualmente não existe como movê-lo no konqueror.

*/

if (fld.createTextRange) {

var range = fld.createTextRange();

range.collapse(false);

range.select();

}

else if (fld.setSelectionRange) {

fld.focus();

var length = fld.value.length;

fld.setSelectionRange(length, length);

}

return false;

}

</script>

<table>

<tr>

<p align="right">Valor da venda:R$

<p align="right">Valor do produto gratis:R$

<p align="right">Lucro Bruto:R$

</p>

<p align="right">Porcentagem de lucro:

%</p>

</tr>

</td>

</table>

</div>

</body>

</html>

hargon · Junho 4, 2009

Muito bom LEO8789. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Arquivado

[Resolvido] mascara javascript para dinheiro mas com ponto

Recommended Posts

LEO8789 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hargon 64

Compartilhar este post

Link para o post

Compartilhar em outros sites

LEO8789 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hargon 64

Compartilhar este post

Link para o post

Compartilhar em outros sites

LEO8789 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hargon 64

Compartilhar este post

Link para o post

Compartilhar em outros sites

shis 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

LEO8789 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hargon 64

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeginiter - Orientação para Impressão

Ajuda com Extends e envio para o banco

Fixar div até atingir uma certa altura

Fóruns

Tempo Real

Informação importante