Jump to content

POWERED BY:

Archived

This topic is now archived and is closed to further replies.

Elaine Naomi

[Resolvido] Mascara de Moeda

By Elaine Naomi, in Javascript

Recommended Posts

Elaine Naomi    0

Elaine Naomi
Posted

Olá, pessoal do fórum!

 

Estou a procura de uma mascara javascript (de preferencia, que use o jquery) para formatar um campo decimal.

Ou seja, uma mascara de moeda.

 

Procurei no google, nos foruns e nenhuma permitia apagar apenas um digito e substituir por outro.

Editar sem apagar tudo, sabe

 

Algumas na parte inteira da mascara funcionou, mas na parte decimal.... =/

 

 

 

Se alguem puder me ajudar =D

 

.

Share this post

Link to post
Share on other sites

Elaine Naomi    0

Elaine Naomi
Posted

Oi, Dee

 

Assim:

 

000.000.000, 00

 

ou assim:

 

00.000, 00

 

=D

 

Só preciso de uma mascara de moeda, mas que dê pra editar.

Que permita eu digitar o valor, apagar, e a mascara continuar lá e o valor que eu colocar tbm.

 

To indo embora, amanhã eu volto, beleza?

 

Valeu!!

 

 

Até+

Share this post

Link to post
Share on other sites

Elaine Naomi    0

Elaine Naomi
Posted

Valeu, Dee!!

 

Não esquenta não com a parte do JQuery =D

 

Enton..

 

num funfa no FF =(

 

Viu, é que a mascara que eu preciso, não pode ser fixa.

Pode ter hora que tem tres casas na parte inteira, outra hora, tem mais ou menos.

 

To precisando de uma mascara assim

 

http://ruancarlos.com.br/Blog/maskinputmoney-mascara-de-moedas-jquery-plugin/

 

Só que ela tem que permitir que eu apague sem alterar

 

 

Ve se você consegue me ajudar ^^

 

De tarde eu volto.

 

T+

Share this post

Link to post
Share on other sites

Elaine Naomi    0

Elaine Naomi
Posted

Achei aqui +-

 

A parte decimal não funciona direito, mas tá valendo

 

 

http://groups.google.com.br/group/jquery-br/browse_thread/thread/d2bd70c2020ad60f/dc1eb4e5fe556df3?lnk=gst&q=Mask+Input+Money#dc1eb4e5fe556df3

 

É esse codigo aqui:

 

<html>
<head><title>:: jQuery ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/javascript"
src="jquery.js"></script>
</head>
<script>
var mask = {
 money: function() {
 	var el = this
 	,exec = function(v) {
 	v = v.replace(/\D/g,"");
 	v = new String(Number(v));
 	var len = v.length;
 	if (1== len)
 	v = v.replace(/(\d)/,"0.0$1");
 	else if (2 == len)
 	v = v.replace(/(\d)/,"0.$1");
 	else if (len > 2) {
 	v = v.replace(/(\d{2})$/,'.$1');
 	}
 	return v;
 	};

 	setTimeout(function(){
 	el.value = exec(el.value);
 	},1);
 }

}

$(function(){
 $('input').bind('keypress',mask.money)
});

</script>
<body>
<input type="text" maxlength="10" />
</body>
</html>

Pena que o codigo eu não entendi, mas ajuda né ^^'

 

Até+!

Share this post

Link to post
Share on other sites

rogeriodemoraes    0

rogeriodemoraes
Posted

Em vez de apenas aplicar o evento keypress

$(function(){
$('#moeda').bind('keypress',mask.money);
});

Aplica junto o evento keyup que vai funcionar

$(function(){
$('#moeda').bind('keypress',mask.money);
$('#moeda').bind('keyup',mask.money);
});

Um ajuste no código citado acima https://groups.google.com/forum/#!topic/jquery-br/0r1wwgIK1g8

Share this post

Link to post
Share on other sites
Go To Topic Listing Javascript
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.

  I accept