Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Zoação

Máscara no JQuery para números ...

Por , em Javascript

Recommended Posts

Zoação    2

Zoação
Postado

Tenho um campo que é destinado a inserir números apenas ...

 

que possuo o seguinte código JQuery...

 

 

$("#trocopara").mask(" 99,99");

 

Mas só que se eu quiser digitar ... por exemplo:

 

 

9,90

só consigo se eu digitar

09,90

 

como altero este código para que aceite números e coloque a vírgula no local correto para 2 casas decimais ...??

Compartilhar este post

Link para o post
Compartilhar em outros sites

lollipop    1

lollipop
Postado

Isso é porque a máscara que você esta usando, obrigar ter dois número antes da vírgula e depois depois da vírgula.

 

Da uma lida na documentação do plugin.

Por exemplo, pode ser assim: $("#trocapara").mask("9!9,99"); Nesse caso, o "!" faz a obrigatoriedade dos números após o símbolo.

 

Sacas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

olha este exemplo:

<script src="jquery.maskedinput-master/lib/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.maskedinput-master/dist/jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $.mask.definitions['~'] = "[+-]";
        $("#data_nascimento").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#telefone").mask("(99) 9999-9999

(99) 9999-9999",{completed:function(){alert("Completo! Dados OK");}}); $("#CEP").mask("99999-999",{completed:function(){alert("Completo! Dados OK");}}); //$("#RG").mask("99.999.999.999-9*",{completed:function(){alert("Completo! Dados OK");}}); // $("#CIC").mask("999.999.999-99999.999.999-99",{completed:function(){alert("Completo! Dados OK");}}); $("#CTPS").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}}); $("#serie").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}}); $("#admissao").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}}); $("input").blur(function() { $("#info").html("Unmasked value: " + $(this).mask()); }).dblclick(function() { $(this).unmask(); }); }); </script>

 

 

 

(99) 9999-9999aqui o form

form class="form-container" name="form1" method="post" action=
                              <td width="45%"><strong>Endereço*:<br>
                                <input name="endereco" type="text" class="form-field" id="endereco" value="" size="40">
                                </strong></td></tr>
                             <tr> <td width="26%"><strong>Bairro*:<br>
                                <input class="form-field" name="bairro" type="text" value="" size="21">
                                </strong></td></tr>
                                <tr>
                              <td width="29%"><strong>Complemento:<br>
							  <input class="form-field" name="comp" type="text" value="" size="5"></strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="55%"><strong>Cidade*:<br>
                                <input class="form-field" name="cidade" type="text" value="" size="40">
                                </strong></td></tr>
                                <tr>
                              <td width="45%"><strong>Estado:</strong><br> <strong> 
                                <select class="form-field" name="estado_cidade">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                                </select>
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="25%"><strong>CEP:<br>
                                <input class="form-field" name="CEP" type="text" id="CEP" value="" size="18"> 
                                </strong></td></tr>
                              <tr><td width="25%"><strong>Telefone*:<br>
                                <input class="form-field" name="telefone" type="text" id="telefone" value="" size="10">
                                </strong></td>

                            </tr>
                          </table></td>
                      </tr>
					  <tr>
					          <td width="48%" colspan="2"><strong>E-mail:<br>
                          <input class="form-field" name="email" type="text" id="email" value="" size="60" maxlength="100">
                                </strong></td>
								<!-- 
					          <td width="52%">
							  <!-- 
							  <strong>Senha:<br>
                                
                          <input name="senha" type="password" id="senha" value="" size="26" onKeyPress="return todas(event)">
                                </strong>-->
					  </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>RG*:  <br>
                                <input class="form-field" name="RG" type="text" id="RG" value="" size="9">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>CPF*: <br>
                                <input class="form-field" name="CIC" id="CIC" type="text" value="" size="11">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>CTPS Nº*:  (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="CTPS" id="CTPS" type="text" value="" size="7">
                            </strong></td></tr>
                            <tr>  <td width="50%"><strong>Série*: (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="serie" id="serie" type="text" value="" size="5">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="30" colspan="2" class="tit">A Empresa:</td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Razão Social 
                          da Empresa*:</strong><br> <input class="form-field" name="razao_social" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome Fantasia*:</strong><br> 
                          <input class="form-field" name="nome_fantasia" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>Cargo Ocupado*:<br>
                                <input class="form-field" name="cargo" type="text" value="" size="35">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>Data de Admissão*:<br>
                                <input class="form-field" name="admissao" id="admissao" type="text" value="" size="10" maxlength="10">
                             </strong></td>
                            </tr>
                          </table></td>
                      </tr>                    
                      <tr valign="bottom"> 
                        <td height="" colspan="2"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="20" colspan="2"> </td>
                      </tr>
                      <tr> 
                        <td colspan="2"><input class="submit-button" type="submit" value="Enviar" /> 
                         </td>
                      </tr>
                      <tr> 
                        <td colspan="2"> </td>
                      </tr>
                    </table>
                    </form>
You'll need Skype CreditFree via Skype

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Isso é porque a máscara que você esta usando, obrigar ter dois número antes da vírgula e depois depois da vírgula.

 

Da uma lida na documentação do plugin.

Por exemplo, pode ser assim: $("#trocapara").mask("9!9,99"); Nesse caso, o "!" faz a obrigatoriedade dos números após o símbolo.

 

Sacas?

 

Não funcionou...

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

use o MaskMoney é um plugin para JQuery, específico para criar máscaras com formato de dinheiro/monetário.

 

Primeiro faça o download do MaskMoney no site github.com/plentz/jquery-maskmoney
O próximo passo é adicionar os arquivos do JQuery e do MaskMoney ao seu documento HTML.

 

1 <script src="jquery.js" type="text/javascript"></script>
2 <script src="jquery.maskMoney.js" type="text/javascript"></script>
Configuração

Depois de adicionado os arquivos JS, agora você precisa configurar as máscaras para o seu formulário:

 

01 $(document).ready(function(){
02 // Configuração padrão.
03 $("#currency").maskMoney();
04
05 // Configuração para campos de Real.
06 $("#real").maskMoney({showSymbol:true, symbol:"R$", decimal:",", thousands:"."});
07
08 // Configuração para mudar a precisão da máscara. Neste caso a máscara irá aceitar 3 dígitos após a virgula.
09 $("#precision").maskMoney({precision:3})
10

});

 

Pra facilitar, estou postando também os valores da configuração padrão do MaskMoney. São eles:

1 {
2 symbol:'US$', // Simbolo
3 decimal:'.', // Separador do decimal
4 precision:2, // Precisão
5 thousands:',', // Separador para os milhares
6 allowZero:false, // Permite que o digito 0 seja o primeiro caractere
7 showSymbol:false // Exibe/Oculta o símbolo
8 }

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Recomendo que você troque de plugin...

Procure um para moedas (parece ser isso que está tratando)

 

Exemplos:

http://www.jquery4u.com/plugins/10-jquery-currencyprice-plugins/

Mas o interesse real não é realizar a máscara de moeda.
Preciso apenas que a máscara torne o número apenas com as duas casas decimais obrigatórias como abaixo:
90,98
90,00
150,00
50,00
Nada demais. Apenas isto.
Obrigado!!

Conheço essa máscara, já usei, mas ela não tem suporte para monetário, ela é máscara fixa.

 

Veja esse tutorial: http://blog.caixadesolucoes.com.br/pos...

Eu uso essa máscara pra monetário.

 

Perfeito ... o que preciso é mesmo o que está neste exemplo, mas quando tentei "usar" o mesmo não sei porque não funcionou...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

 

Eu testei e também me deparei com um não funcionamento.

Depois eu testei usando o arquivo do site que era de exemplo e deu certo.

Baixa ai: www.blog.caixadesoluco...ery.maskMoney.js

 

Lembrando de usar o campo como

id="currency"

 

Não pode trocar o nome ?

Eu fiz a alteração no código ... mas vou então testar trocando o nome do campo e ver o que acontece!

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

lollipop    1

lollipop
Postado

O que eu quis dizer era pra usar os mesmos parâmetros daquele campo.

 

Não esqueça de marcar como resolvido. =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

kikombat    16

kikombat
Postado

pode também usar o plugin priceformat do jquery

segue um exemplo de uso

 

$(function() {
var priceformat = {prefix: '', centsSeparator: ',', thousandsSeparator: '.'};
function formataPreco(campo) {
    $(campo).priceFormat(priceformat);
}
 
/*
para usar basta chamar a função e passar o seletor do campo
 
*/
 
});

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito