Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the acf domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/u810915952/domains/romulobrasil.com/public_html/wp-includes/functions.php on line 6121
Pure Mask JS (puremask.js) - Rômulo Brasil

Pure Mask JS (puremask.js)

• Publicado em: março 2, 2015

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 ####"

Segue o link do repositório no github: https://github.com/sirrommer/PureMask.js