HTML5-CSS-JavaScript - JQuery Mask com CPF, CNPJ, RG, Celular de 9 Dígitos e mais exemplos avançados 

que bom!

Vlww!

Que bom que foi útil para você.

concordo

Este link ajuda você? medium.com/@albertomarianno/placa-mercosul-67151bebc00c

que bom!

$('#salario').mask('R$ 000,00', { translation: { 'A': { pattern: /A/, fallback: 'A', optional: false } } });

Não

obrigado hahaha. aq não ia de jeito nenhum pqp

Não vou ter tempo de fazer agora, mas dá uma caçada no método unmask() do plugin JQuery Mask.

Que bom!

Em HTML, o ID dos elementos deve ser único. Se você quer usar a máscara em vários elementos, você pode colocar class="coisa" neles e, ao invés de usar "#coisa" para aplicar a máscara, você pode usar ".coisa", pegando os elementos que têm a classe "coisa".

@@2guarinos um elemente pode ter mais de uma classe ? porque eu estou usando as classes do bootstrap no meu form.

@@mariafantuci1547 Sim. É só colocar class="form-control coisa coisa1 coisa2", separando com espaço.

@@2guarinos muito obrigado, estou aplicando essas mascaras no meu TCC.

Tente $('#conta').mask('000.000-0', {reverse: true});

Muito Obrigada

Não funciona com Wordpress, exceto se você editar o código-fonte de alguma página criada manualmente no Wordpress. Não é necessário editar nenhum arquivo do plugin JQuery Mask. Só seguir o passo-a-passo da aula.

Sabe eplicar para eu fazer isso?Grato

@@ezedanpeezequielnunesperei6473 O que vc quer fazer está aqui, provavelmente: www.canalwp.com/tutorial-wordpress/aplicando-mascara-para-formularios-wordpress/

No browser, não é possível, por questões de permissão de acesso na máquina do usuário. Você precisará de uma linguagem server-side como NodeJS, PHP ou qualquer outra.

Rafael, aparecer ou não aparecer como sugestão não tem a ver com o funcionamento. Escreva o código e veja se ocorre algum erro no navegador.

@@2guarinos Sim mas quando eu executo o programa ele não funciona também o script

@@RhorganFps Qual erro ocorre? Existe alguma diferença em relação ao código da aula. Acredite nisso.

@@RhorganFps Você pode conferir o código comparando com o que está aqui: github.com/leandroguarino/Aula10HTMLCSS

@@2guarinos não tem, mas já descobri o problema kkkkk N tava rodando pq eu estou fazendo a mask em um por conta disso tinha q definir o textbox como static por isso n tava indo mas resolvido aq valeu ae kkkk

É a versão do JQmask.. baixa a que ele usou, está no gitHub

no onsubmit do formulário, chame uma função JavaScript. Assim: onsubmit="limparMascara()" Crie a função: function limparMascara(){ $("#id_do_campo").unmask() }

Gabriel, a primeira resposta deste tópico no StackOverflow responde a sua pergunta: pt.stackoverflow.com/questions/42238/m%C3%A1scara-de-telefones-usando-jquery-mask-plugin

@@2guarinos Obrigado!

Vc pode fazer isso configurando o translation. $("#nome").mask("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA", { translation: { 'A': { pattern: /[ A-Za-z0-9]/ } } })

/[A-Za-z0-9]/ não aceitar espaço em branco , pelo menos aqui no meu não aceitou , um colega conseguiu me ajudar colocando: /[0-9a-z/s]/i, optional: true

Que bom que ajudou. Só faltou espaço antes do A

triste

Complementando meu comentário, eu particularmente prefiro trabalhar com classes, desta forma podemos reaproveitar as mascaras para mais de um campo, por exemplo, podemos usar a classe "telefone", tanto para telefone fixo e para celular, como a mascara foi montada com estrutura de decisão ela vai se adaptar a qualquer uma das opções podemos limitar o campo de cada um dos telefones usando a verificação de campos de formulário da próxima aula da serie. Tbm deixo aqui uma dica da forma que montei a faixa salarial: "$(".salario").mask("#.###.##0,00", {reverse: true});" Desta forma, pontuação a montagem para faixa salarial até 9.999,00 fica montado com os ,"00" ou ,"99". Tbm se puder me ajudar com uma erro na validação do RG. meu código quando ativo "reverse: true" o meu input fica bugando, mostrando ".." no começo da digitação e ocultando os itens digitados posteriormente. O que pode causar este erro? Muito obrigado por compartilhar conhecimento!

Qual a máscara que você está usando no RG? O input do RG é do tipo text? Tem que ser desse tipo.

Sim, o input é type text, ele só simplesmente não funciona. Existe a possibilidade do pluguin ter algum BUG por causa de outra biblioteca? Tipo boostrap por exemplo.

Existe um bug sim do próprio plugin.. mas se quiser disponibilizar seu código, posso ver se há solução.

Envia a pasta do seu projeto para o Google Drive ou One Drive e copia o link aqui para eu baixar e verificar.

Use 0 em vez de 9, porque 0 indica opcional. Pode funcionar.

@@2guarinos grato pela colaboração, mas eu preciso que os numeros seja opcionais mesmo, meu problema é o '.' Ponto final nao ser opcional

Faz o upload da pasta do seu projeto no Google ou OneDrive e manda o link para eu verificar. Acho que não está igual rs

O Leandro querido, eu consegui usar umas 2 horas depois, acabei esquecendo de voltar, o problema foi a ordem de carregamento, dos scripts, eu tinha invertido. Muito obrigado mesmo pela resposta.

Faça o upload de todos os arquivos do seu projeto para o Google Drive ou One Drive e compartilhe o link aqui comigo para eu ver.

@@2guarinos tem no git, github.com/henriquesan14/projeto-aps.git

@@Ricogx10 Em qual arquivo lá?

Em qual pasta está o código com o seu JS?

o meu está no index.html entre a tag head, diretório => Validation-form -> index_MEU MASK.html

Eu executei o index.html aqui e baixei novamente o script do site do plugin: igorescobar.github.io/jQuery-Mask-Plugin/ Funcionou normalmente. Tentei digitar, apagar, backspace, delete para tentar simular o problema, mas não consegui.

Estava fuçando aqui, e resolvi ver as versões de ambos jquery.mask.min.js e descobri que são versões diferentes, a sua é jQuery Mask Plugin v1.14.15 e a minha jQuery Mask Plugin v1.7.7, com certeza esse deve ser o problema

Com ctz

Denilson Carmo sim, mas não tem material lá rs

@@2guarinos Gostei muito de suas aulas,vc não tem curso para vender ?

@@denilsoncarmo4246 não tenho.

@@2guarinos Poderia fazer vídeo aula ,com sistema de chat mais porém com permissão. Tipo um chat de site de relacionamento,onde as pessoas só consegui conversar e visualizar a msg depois de assinar o site.?

@@denilsoncarmo4246 infelizmente, não estou com tempo para gravar agora.

Não quero fazer download, prefiro escrever conforme você vai desenrolando o assunto. Tirando isso...parabéns Leandro Guarino, agradece!

Preciso ver o código para descobrir o problema. Se puder, envie o link do código em algum repositório (GitHub, BitBucket ou até mesmo Google Drive, OneDrive, etc.)

Disponibilize seu código no Google Drive e cole o link aqui para eu ver.

@@2guarinos o meu tbm ja vi varios videos e nada

@@smoffneto4709 sobe o código no Drive e envia o link por aqui para que eu possa ver, por favor... ou no GitHub, qualquer repositório.

@@2guarinos vlw amigo resolvi mudar a versão do plugin e nada mais depois que eu coloquei o _js assim na pasta js funcionou de boas obrigado pela atenção