jQuery Price Plugin

Postado por: Pedro Rogério em

postou uma vez aqui no blog um plugin para formatação de campos de formulário, onde eram adicionadas máscaras nos campos implicados em data, hora, telefone, etc. Mais os usuários queriam mesmo uma forma de aplicar formatação a moeda, pois então, descobri um plugin que faz exatamente isso, e o melhor de tudo é que ele pode ser customizado para a moeda brasileira.

Exemplo

$("#example1").priceFormat();

Esse código retornaria algo do tipo:

US$ 1,234.56

O exemplo básico utiliza por padrão a moeda americana, agora vamos a um exemplo de customização da moeda:

$("#example2").priceFormat({
    prefix: 'R$ ',
    centsSeparator: ',',
    thousandsSeparator: '.'
});

Esse código retorna algo como:

R$ 1.234,56

Para maiores informações sobre utilização do plugin, download, basta visitar o site do desenvolvedor.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

11 Responses to “jQuery Price Plugin”

  1. Pessoal, depois vejam esse aqui:

    http://www.samuelcorradi.com.br/vforms

    Além de máscarar, ele valida também

  2. Kivanio disse:

    Fui um dos que estava atras de um plugin assim, e acabei achando também o de um brasileiro http://www.meiocodigo.com/projects/meiomask/
    que tem moeda e muito mais, é muito flexível, acabei adotando ele para todas as mascaras.

  3. Muito legal este plugin.
    Valeu Pedro.

  4. Diego Couto disse:

    Ótimo plugin!
    A tempos estava em busca de algo do gênero.

    Abraços.

  5. paulo disse:

    cara valew mesmo… tava procurando algo que funciona-se bem a tempos.

  6. Usei em um sistema de cobraça que estou finalizando para a cobrax

  7. Juliana disse:

    Olá pessoal, tetei utilizar mas me retorna um erro

    O objeto não dá suporte para a propriedade ou método

    Já ocorreu este erro com alguéM

  8. Marcelo disse:

    Eu realizei alguns testes em um projeto meu e percebi que existe um problema quando a parte inteira tem somente tamanho 1 e o número de decimais é variável. Como a função formata no evento de onkeydown, ele não permite alterar o conteúdo do atributo pois o maxlenght chega ao limite do campo.

    Att.;

  9. Felipe Augusto disse:

    quando há mais de um campo na tela que precise ser formatado, o plugin só coloca mascara no primeiro, alguem sabe me dizer porque?

  10. shingo yabuki disse:

    kra, a ideia do plugin é legal, mas ainda precisa de muitas melhorias, queria ter tempo pra ajudar a corrigir, mas por exemplo, depois q vc digitar um valor e tira o foco ele deixa preenchidos com 0, ele tem alguns problemas com teclas especiais, e se você tentar preencher com numeros até a quantidade limite ele nao preenche as casas decimais, sao algumas problemas q encontrei, espero ajudar a corrigi-los

  11. Ótimo plugin., muito bom mesmo… Cheguei a ter um problema com a inclusão no banco de dados, onde nao sei o por que eraam retirados os milhares, por exemplo: no input ficava 10.000,00 mas no banco salvava 10.00
    Então acabei usando o formato US$, mas com o prefixo R$. Desta forma funcionou pra o ue eu precisava. O plugin do meiomask eu ja tinha tentado, mas se voce volta o foco no campo ele repete o prefixo e nao deixa usar del para limpar o campo.
    Obrigado pela contribuição.

Leave a Reply