Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

Formatador de preço em jQuery

Por: Henrique Pereira

Thursday 22 January 2009 às 10:05

Categoria: Uncategorized

O sumido Cuducos me escreveu mandando uma dica extremamente útil. Um formatador de preço em jQuery. Ele escreve: “Precisei de um script aparentemente simples em javascript e não achei nenhuma solução satisfatória por ai. Dai escrevi uma e a formatei como plugin do jQuery” e eu estou ajudando a divulgar.

Trata-se de uma função para formatar entradas de texto de "preço" (você digita 123456 e aparece R$ 1.234,56), por exemplo. Totalmente customizável (pode escolher o prefixo da moeda, o separador dos centavos e dos milhares) e fácil de usar junto com o jQuery:

1.) Chame o plugin no seu <head> com algo como:

<script type="text/javascript" src="js/jquery.price_format.1.0.js"</script>;

2.) Faça a chamada simples e fácil no js, por exemplo:

$('#id_do_campo').priceFormat();

Pronto agora tudo que for digitado no(s) campo(s) escolhido(s) vai ser formatado como moeda. O plugin descarta o que não é número enquanto você digita e formata, colocando o prefixo e os separadores que você escolher!

Você pode ver mais detalhes aqui. Dica do Cuducos.

Artigos relacionados:

  • None Found

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!



Existem 2 comentários para “Formatador de preço em jQuery”

# 1° Clauber Stipkovic Thursday 22 January 2009 às 10:30GMT

Olá Henrique,

Bacana a dica, ainda mais pra formatar mascaras em campos.

Eu utilizei também esse outro plugin, que faz a mesma coisa que o que vc mostrou.

http://plugins.jquery.com/project/maskinputmoney

Pode ser que tb ajude alguem :)

[ ]‘s

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Publicidade

  • Banner
  • Banner

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress