eduardo76/puremask.js

Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro. Library masks inputs on forms developed in pure JavaScript.

Pure Mask JS (puremask.js)

Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro.

Como Utilizar

Para utilizar basta chamar o arquivo .js do plugin no footer:

<script src="puremask.min.js"></script>

Adicionar a class com nome de sua preferencia; Adicionar data-mask (Ex.: data-mask="##/##/####");

<input type="text" class="sua-class" data-mask="##/##/#### ##:##" >

E também no footer: vamos inicializar nossa função com dois paramentros sendo a primeira sua class e a segunda ativando o placeholder (se deixar em branco o segundo parametro ou setar false não ativará o placeholder).

<script>
    PureMask.format(".telefone", true);    
    PureMask.format(".cpf", true);    
</script>

Alguns Exemplos:

Data com hora    : data-mask="##/##/#### ##:##"
Data             : data-mask="##/##/####"
Tempo            : data-mask="##:##:##"
Tempo com siglas : data-mask="##h##m"
CEP              : data-mask="#####-###"
Telefone com DDD : data-mask="(##) ####-####"
CPF              : data-mask="###.###.###-#"
CNPJ             : data-mask="##.###.###/####-##"
Dinheiro         : data-mask="###.###.###.###.###.###,##"
Mixed            : data-mask="AAA ###-###"
Placa de Carro   : data-mask="AAA ####"