Atualização 11/07/2019
Sim, desde a época em que escrevi a resposta diversas bibliotecas javascript foram criadas para manipulação de mascaras.
Recentemente utilizei um biblioteca chamada Imask para desenvolver um projeto de um processo seletivo, você pode conferir a implementação completa com Vue nesse repositório, mas deixo abaixo um trecho explicativo da implementação:
const moneyPattern = {
mask: '$num', // cria um padrão que inclui $ e o bloco num
blocks: {
num: { // define o bloco num
mask: Number, // define o padrão de Number para o bloco num
thousandsSeparator: ',' // define a separação de milhares com virgula
}
}
}
Acredito que a mascará auxilie tanto desenvolvimento web quanto mobile, se houver alguma necessidade específica deixe um comentário abaixo que tentarei incrementar a resposta.
Resposta Original 13/10/2015:
Sim é possível se você fizer o seu próprio plugin de mascara com as suas próprias necessidades.
Já testei vários e desconheço de algum que funcione 100% em todos os browsers. Você pode até tentar o JqueryMask, ele é um plugin muito simples de mexer e bem documentado, porém ele não atendeu 100% das minhas necessidades e talvez não atenda a sua.
Uma solução alternativa que eu achei sem mascarás é descrever no próprio placeholder do elemento como o usuário deve preencher e complementar os feedbacks com atributos do próprio HTML como por exemplo o pattern do HTML5, maxlength, required e outros, dependendo da necessidade.
Ex.:
<label>CNPJ: *
<input name="cnpj" type="text" placeholder="00.000.000/0000-00" maxlength="18" required pattern="[0-9]{2}.[0-9]{3}.[0-9]{3}\/[0-9]{4}-[0-9]{2}" value="">
</label>
A vantagem de fazer dessa forma é que não preciso carregar nenhum plugin adicional, onde, o pattern é responsável por fazer a validação das expressões regulares e dar feedback para o usuário em tempo real junto com os outros atributos (você pode utilizar também expressões regulares com Javascript para maior compatibilidade). Suporte pattern: Can I use.
E para finalizar faço a validação dos dados no lado servidor, pois só uma mascará no client-side é totalmente inseguro.
Para isso utilizo o preg_match do PHP. Exemplo:
if (preg_match("/([a-zA-Z0-9])/", $email)){return true;}
Isso fará com que apenas sejam aceitos caracteres do tipo letra e número.
Poderíamos criar um repositório aberto para a comunidade e começar a trabalhar em um plugin que atenda as necessidades de todos, pois acredito que ainda hoje esteja em falta...
123756
numa máscara0#.###,00
, obtendo1.237,56
e selecionar7
e corrigir para4
. A maioria das máscaras impedem a seleção dos textos e jogam a digitação para o fim do valor. A recomendação corrente é não utilizar máscaras e apenas informar ao usuário qual formato utilizar, comodd/MM/yyyy
ou30/01/1990
.