Search the Community

Boa tarde pessoal! Preciso fazer os valores digitados no campo do formulário serem escritos de forma inversa, pois se trata de dinheiro, nada do que fiz deu certo até agora... meu código está assim: var valor = $("#valor"); valor.keyup(() => { valor.val(VMasker.toPattern(valor.val(), "999.999.999,99", {reverse: true})); }) #valor é a ID do campo onde será inserido... Não sei se fui bem claro, sou apenas iniciante...rsrs

Olá pessoal, estou com um modulo onde consta os inputs cpf, cep e telefone com mascara, porem quando gravo em banco gostaria de gravar sem as mask principalmente o cpf por user como query no futuro para os filtros de pesquisa , como resolvo isso ?

Eu sempre tive problemas em utilizar máscaras (mask.js) em campos que podem ser CPF ou CNPJ, então baseado em algumas soluções, fiz algumas adaptações para que o mesmo suporte ambos dados no mesmo campo, e segue a solução. Realize o download do mask plugin, e chame o js na página que recebera a máscara. jQuery Maks Plugin: https://github.com/igorescobar/jQuery-Mask-Plugin <script src="assets/js/jquery.mask.min.js"></script> Adicione a função no seu main.js ou no script de sua página, sempre após o jQuery e o jQuery Mask // jQuery Mask Plugin v1.14.11 // github.com/igorescobar/jQuery-Mask-Plugin var cpfMascara = function (val) { return val.replace(/\D/g, '').length > 11 ? '00.000.000/0000-00' : '000.000.000-009'; }, cpfOptions = { onKeyPress: function(val, e, field, options) { field.mask(cpfMascara.apply({}, arguments), options); } }; $('.mascara-cpfcnpj').mask(cpfMascara, cpfOptions); Agora, basta adicionar a classe .mascara-cpfcnpj, no campo desejado, e o mesmo será apto a receber CPF ou CNPJ. <input name="cpfcnpj" class="mascara-cpfcnpj"/> Pronto!

Fala rapaziada, tudo joia? Gostaria saber de acordo com a experiência de vocês, como faço pra fazer uma "mask" do tipo preço semelhante ao do pagseguro por exemplo? Conforme vamos colocando o preço a input vai formatando o preço em tempo real dentro da input, exemplo: 49.99 499.99 1499.99 Desde já agradeço a orientação pessoal, abração e fiquem com Deus.

olá , por favor, estou tentando fazer um dinamismo com um select option e um input, onde ao selecionar um determinado valor no select, o input dinamicamente atribui a sua respectiva mascara. Bem resumo, o usuário seleciona no select um banco (BRASIL, BRADESCO, ETC) o input Agencia atribui a devida mascara de acordo com o banco Exemplo: banco do brasil a mascara agencia seria 0000-0, banco Bradesco mascara 0000, e assim nos demais bancos, eu tentei fazer algo do tipo, mas meu conhecimento e muito pouco com relação a isso, assim peço a colaboração de todos muito obrigado. vlw galera. OBS: Esse é o script que estou tentando fazer dar certo. <select style="width:200px;font-size: 13px" name="banco" id="banco" onchange="escolha()" required class="form-control"> <option value="">BANCO</option> <option value="BRASIL">BRASIL</option> <option value="BRADESCO">BRADESCO</option> <option value="CAIXA_ECONOMICA">CAIXA ECONOMICA</option> <option value="SANTANDER">SANTANDER</option> <option value="ITAU">ITAU</option> </select> <br> <input style="width:167px;font-size:13px;" type="text" name="agencia" id="agencia" class="form-control" placeholder="AGENCIA" > <script type="text/javascript"> function escolha() { $(document).ready(function(){ $("#banco").change(function(){ var banco = $(this).val(); if(banco == 'BRASIL'){ $('#agencia').mask('0000-00'); }else if(banco == 'BRADESCO'){ //assim por diante } }) } </script>

Tenho essa função: $("#telephone").mask("(99) 9999-9999?9"); $("#telephone").blur(function(event) { if($(this).val().length == 15){ $('#telephone').mask('(99) 99999-999?9'); } else { $('#telephone').mask('(99) 9999-9999?9'); } }); O que ocorre: quando o campo já está pegando um valor que vem do database, se o telefone já tiver 9 dígitos, o mask é aplicado como se o número fosse de 8 dígitos, já que a função acima só funciona no evento "blur", ou seja, a pessoa teria que clicar dentro do input e depois clicar em outro input pra que a máscara fosse aplicada. Como posso fazer pra identificar se o número que vem do db já tem o nono dígito - total de 15 dígitos incluindo espaços e parênteses do DDD - e então aplicar a máscara logo que a página é carregada, mas mantendo o funcionamento da função também no "blur"? Valeu!

Olá pessoal tenho um cadastro onde tenho inputs de valores e datas e consigo colocar máscaras de boa, mas tenho uma ação em que neste mesmo cadastro insiro inputs via ajax com jquery eles tem a mesma class dos outros inputs com máscara mas os inseridos via ajax, não recebem a máscara. Passei por uma situação semelhante pra pegar o click de um button inserido via ajax e consegui da seguinte maneira: jQuery(document).on( "click", ".registrar-usuario", function() { id_aluno = $(this).attr('data-id'); }); Mas como carregar as máscaras do input no caso acima? att,

Amigos bom dia, tenho o script abaixo que faz a formatação da mask: <script type="text/javascript">$(document).ready(function () { $("#cpf").mask("999.999.999-99"); });</script> e uso assim: <label>CPF *</label> <input type="text" name="cpf" size="33" id="cpf" maxlength="1000" required="" value="<%= cliente.getCPF()%>"> porém quando dou o include: <%@include file ="inicio.jsp" %> -> Menus do sistema e layout essa mascara para de funcionar, dando o erro abaixo: cadastracliente.jsp:160 Uncaught TypeError: $(...).mask is not a function removendo o include funciona... Já tentei colocar os JS e o Include em varias partes do código e nenhuma funcionou, sabem me dizer qual o problema e como resolver? Desde já agradeço a atenção!

Estou tentando fazer uma máscara para campos de telefone utilizando o jQuery, mas não está aplicando por algum motivo. Tenho 3 arquivos js, então pensei que fosse conflito de jQuery. Porém, em um usei a variável $, no outro jQuery e nesse do input usei $j = jQuery.noConflict();Os dois primeiros arquivos estão funcionando perfeitamente, mas nesse não consigo achar o problema. O código: $j(document).ready(function(){ $j(function(){ $j(".campoTelefone").mask("(99)9999-9999"); }); });

Ola, estou tendo problemas para realiza cálculos monetários contendo mais de um calculo e também contendo soma total de itens, conforme abaixo. Gostaria que fosse feito a multiplicação dos itens: Quantidade X Referencia = Total Referencia Quantidade X C.Unitario = Custo Total Custo Total + 11% = Custo Imposto Total Referencia - Custo Imposto = Lucro Lembrando que as linhas são adicionadas e em cima no campo Total Venda somasse o Total Referencia e o no campo Total Lucro somasse o Lucro. Obs: Preciso que seja cálculos monetários. Segue abaixo o codigo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url] <html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml"><head>[/url] <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> [font='Helvetica Neue', Arial, Verdana, sans-serif] [/font] <!--CSS--> <link href='[url=http://fonts.googleapis.com/css?family=Oswald:400,300,700]http://fonts.googleapis.com/css?family=Oswald:400,300,700[/url]' rel='stylesheet' type='text/css'/> [font='Helvetica Neue', Arial, Verdana, sans-serif] <link href='[url=http://fonts.googleapis.com/css?family=Terminal+Dosis]http://fonts.googleapis.com/css?family=Terminal+Dosis[/url]' rel='stylesheet' type='text/css' /> [/font] [font='Helvetica Neue', Arial, Verdana, sans-serif] [/font] <!-- jquery de Calculo CalcMoeda_Mask--> <script language="JavaScript" type="text/javascript" src="js/CalcMoeda_Mask.js"></script> <!--jquery para duplicar--> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function () { function removeCampo() { $(".removerCampo").unbind("click"); $(".removerCampo").bind("click", function () { if($("div.tabelasDuplicar").length > 1){ $(this).parents("div.tabelasDuplicar").remove(); } }); } $(".adicionarCampo").click(function () { novoCampo = $("div.tabelasDuplicar:first").clone(); novoCampo.find("input").val(""); novoCampo.insertAfter("div.tabelasDuplicar:last"); removeCampo(); }); }); </script> [font='Helvetica Neue', Arial, Verdana, sans-serif]<body>[/font] <form name="frmEnviar" action="" method="post"> <table width="946" border="0" cellspacing="1" cellpadding="2" class="center-block" align="center"> <br /> <tr><td height="46" colspan="12" class="cabecario" >CADASTRO DE LICITAÇÕES</td></tr> <tr><th height="4" colspan="12" scope="col"> </th></tr> <tr class="linha1"> <td width="40">Orgão</td> <td width="43">UASG</td> <td width="47">Pregão</td> <td width="44">Objeto</td> <td width="51">Abertura</td> <td width="71">U.F.</td> <td width="121">Tipo Licitação</td> <td width="144">Situação</td> <td width="68">Finalizado</td> <td width="98">Anexar arquivo</td> <td width="79">Total Venda</td> <td width="79">Total Lucro</td> </tr> <tr> <td><label for="orgao"></label><input name="orgao" type="text" class="txt bradius" id="orgao" size="27" style="font-size: 10pt" /></td> <td><label for="uasg"></label><input type="text" name="uasg" id="uasg" class="txt bradius" size="4" style="text-align: center;"/></td> <td><label for="pregao"></label><input type="text" name="pregao" id="pregao" class="txt bradius" size="4" style="text-align: center;"/></td> <td><label for="objeto"></label><input type="text" name="objeto" id="objeto" class="txt bradius" size="37"/></td> <td ><label for="abertura"></label><input type="text" name="abertura" placeholder="DD/MM/YYYY" id="abertura" onkeyup="maskIt(this,event,'##/##/####')" class="txt bradius" size="16" style="text-align: center;"/></td> <td> <select name="situacao[]"> <option value="" selected="selected">...</option> <option value="AC">AC</option> <option value="AL">AL</option> <option value="AP">AP</option> <option value="AM">AM</option> <option value="BA">BA</option> <option value="CE">CE</option> <option value="DF">DF</option> <option value="ES">ES</option> <option value="GO">GO</option> <option value="MA">MA</option> <option value="MT">MT</option> <option value="MS">MS</option> <option value="MG">MG</option> <option value="PA">PA</option> <option value="PB">PB</option> <option value="PR">PR</option> <option value="PE">PE</option> <option value="PI">PI</option> <option value="RJ">RJ</option> <option value="RN">RN</option> <option value="RS">RS</option> <option value="RO">RO</option> <option value="RR">RR</option> <option value="SC">SC</option> <option value="SP">SP</option> <option value="SE">SE</option> <option value="TO">TO</option> </select> </td> <td> <select name="tipolicitacao[]"> <option value="" selected="selected">Selecione...</option> <option value="Servico">Serviço</option> <option value="Informatica">Informática</option> <option value="Eletronico">Eletrônico</option> <option value="Outros">Outros</option> </select> </td> <td> <select name="situacao[]"> <option value="" selected="selected">Selecione...</option> <option value="Agendado">Agendado</option> <option value="Acompanhar">Acompanhar</option> <option value="EmAndamento">Em Andamento</option> <option value="Suspensao">Suspensão</option> <option value="Ganho">Ganho</option> <option value="NaoGanho">Não Ganho</option> </select> </td> <td><label for="finalizado"></label><input type="text" name="finalizado" id="finalizado" onkeyup="maskIt(this,event,'##/##/####')" placeholder="DD/MM/YYYY" class="txt bradius" size="16" style="text-align: center;"/></td> <td> </td> <td><label for="totalVenda"></label><input name="totalVenda" type="text" class="txt bradius" id="totalVenda" size="7" readonly="readonly" style="background-color: #f1f1f1; text-align:center" placeholder="R$0,00" /></td> <td><label for="totalLucro"></label><input name="totalLucro" type="text" class="txt bradius" id="totalLucro" size="7" readonly="readonly" style="background-color: #f1f1f1; text-align:center" placeholder="R$0,00" /></td> </tr> </table> <br /> <div class="tabelasDuplicar" style="border-bottom: 1px dashed #f1f1f1;padding: 10px 0;" id="tabelasDuplicar" align="center"> <table width="946" border="0" cellspacing="1" cellpadding="2" class="center-block"> <tr class="linha1"> <td>ID</td> <td>Item</td> <td>Material</td> <td>Quantidade</td> <td>Referência</td> <td>Total Referência</td> <td>C. Unitário</td> <td>Custo Total</td> <td>Custo Imposto</td> <td>Lucro</td> <td> </td> <td> </td> </tr> <tr> <td><label for="ID"></label><input name="ID[]" type="text" class="txt bradius" id="ID" size="1"/></td> <td><label for="item"></label><input type="text" name="item[]" id="item" class="txt bradius" size="1"/></td> <td><label for="descricao"></label><input type="text" name="descricao[]" id="descricao" class="txt bradius" size="40" /></td> <td><label for="qty"></label><input type="text" name="qty[]" id="qty[]" class="txt bradius" value="" size="7" style="text-align: center;"></td> <td><label for="UnitValRef"></label><input type="text" name="UnitValRef[]" id="UnitValRef" placeholder="R$ 0,00" class="txt bradius" value="" size="17" style="text-align: center;"></td> <td><label for="valorTotalRef"></label><input name="valorTotalRef[]" type="text" class="txt bradius" id="total" value="" size="10" readonly="readonly" style="background-color: #f1f1f1; text-align:center" placeholder="R$ 0,00"></td> <td><label for="custoUnit"></label><input type="text" name="custoUnit[]" id="custoUnit" onkeyup="soma2();numMoeda(event,this);numMoeda(event,custoTotal);" placeholder="R$ 0,00" value="" class="txt bradius" size="7" style="text-align: center;"/></td> <td><label for="custoTotal"></label><input name="custoTotal[]" type="text" class="txt bradius" id="custoTotal" placeholder="R$ 0,00" value="" size="10" readonly="readonly" style="text-align: center;"/></td> <td><label for="custoImposto"></label><input type="text" name="custoImposto[]" id="custoImposto" onkeyup="soma3();numMoeda(event,this);numMoeda(event,custoImposto);" placeholder="R$ 0,00" value="" class="txt bradius" size="10" style="text-align: center;"/></td> <td><label for="lucro"></label><input name="lucro[]" type="text" class="txt bradius" id="lucro" onkeyup="soma4();numMoeda(event,this);numMoeda(event,lucro);" value="" size="10" readonly="readonly" style="background-color: #f1f1f1; text-align:center" placeholder="R$ 0,00" /></td> <td> </td> <td> </td> </tr> </table> <table id="products-table" width="946" border="0" cellspacing="1" cellpadding="2" class="center-block"> <tbody> <tr class="linha1"> <td>Fornecedor</td> <td>Prazo Fornecedor</td> <td>Prazo Cliente</td> <td>Transportadora</td> <td>Observação</td> <td> </td> <td>Status</td> <td>Motivo</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><label for="fornecedor"></label><input type="text" name="fornecedor[]" id="fornecedor" class="txt bradius" size="5"/></td> <td><label for="prazoFornecedor"></label><input type="text" name="prazoFornecedor[]" id="prazoFornecedor" class="txt bradius" size="11" style="text-align: center;"/></td> <td><label for="prazoCliente"></label><input type="text" name="prazoCliente[]" id="prazoCliente" class="txt bradius" size="7"style="text-align: center;"/></td> <td><label for="transportadora"></label><input type="text" name="transportadora[]" id="transportadora" class="txt bradius"size="9"/></td> <td><label for="observacao"></label><input type="text" name="observacao[]" id="observacao" class="txt bradius"size="47"/></td> <td> </td> <td><label for="status"></label><input type="text" name="status[]" id="status" class="txt bradius"size="10"/></td> <td><label for="motivo"></label><input type="text" name="motivo[]" id="motivo" class="txt bradius"size="10"/></td> <td> </td> <td> </td> <td class="actions"> <button class="btn btn-large btn-danger removerCampo" type="button" id="btn-remove">Remover</button> </td> <td> </td> <td> </td> </tr> </tbody> </table> </div> <!-- botao adicionar --> <table width="946" border="0" cellspacing="1" cellpadding="2" class="center-block" align="center"> <tr><td> </td></tr> <tr> <td><button class="btn btn-large btn-success adicionarCampo" type="button" id="btn-adiciona">Adicionar Produto</button> <button class="btn btn-large" type="submit">CADASTRAR</button></td> </tr> </table> </form> <!-- /[] --> </body>