Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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...??
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>Call
Send SMS
Add to Skype
You'll need Skype CreditFree via Skype
>
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...
qual plugin você esta usando pra fazer a máscara?
qual plugin você esta usando pra fazer a máscara?
>
jquery-1.5.2.min.js
>
jquery.maskedinput-1.3.min.js
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/
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.
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çãoDepois 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 }
>
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...
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"
>
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!
O que eu quis dizer era pra usar os mesmos parâmetros daquele campo.
Não esqueça de marcar como resolvido. =)
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
*/
});
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?