Esta pasta contém scripts JavaScript reutilizáveis consolidados de múltiplas páginas.
Máscaras de formulário para campos brasileiros.
Máscaras disponíveis:
- CPF:
000.000.000-00 - CNPJ:
00.000.000/0000-00 - CEP:
00000-000 - Telefone Celular:
(00) 00000-0000 - Telefone Fixo:
(00) 0000-0000 - Data:
DD/MM/AAAA
Uso:
<!-- O script inicializa automaticamente máscaras baseado em IDs comuns -->
<script src="assets/js/masks.js"></script>
<!-- OU aplicar manualmente -->
<script>
const cpfInput = document.getElementById('cpf');
applyCPFMask(cpfInput);
</script>IDs suportados automaticamente:
cpf- CPFcnpj- CNPJcep- CEPtelefone,celular,telefone_responsavel- Telefone celulartelefone_empresa- Telefone fixodata_nascimento,data_fundacao- Data
Funções utilitárias reutilizáveis.
Funções disponíveis:
logout()- Faz logout do usuárioshowSuccess(message)- Exibe notificação de sucessoshowError(message)- Exibe notificação de errovalidateEmail(email)- Valida formato de emailvalidateCPFFormat(cpf)- Valida formato de CPFvalidateCNPJFormat(cnpj)- Valida formato de CNPJformatPhone(phone)- Formata número de telefoneloadPreRegistrationData()- Carrega dados do pré-cadastroclearPreRegistrationData()- Limpa dados do pré-cadastrosaveToLocalStorage(key, data)- Salva dados no localStorageloadFromLocalStorage(key)- Carrega dados do localStoragefillFormFields(data, fieldMap)- Preenche campos de formuláriogetFormData(form)- Obtém dados do formuláriodisplayFileName(fileInput, displayElementId)- Exibe nome do arquivodebounce(func, wait)- Função debounceisAuthenticated()- Verifica se usuário está autenticadogetCurrentUser()- Obtém usuário atual
Uso:
<script src="assets/js/utils.js"></script>
<script>
// Exemplo: Validar email
if (validateEmail('usuario@email.com')) {
console.log('Email válido');
}
// Exemplo: Fazer logout
document.getElementById('logoutBtn').addEventListener('click', logout);
// Exemplo: Carregar dados do pré-cadastro
const preData = loadPreRegistrationData();
if (preData) {
fillFormFields(preData, {
nomeCompleto: 'nome',
email: 'email',
celular: 'telefone'
});
}
</script>Para migrar código JavaScript inline das páginas:
- Identificar funções duplicadas
- Mover para
masks.jsouutils.jsconforme apropriado - Remover código inline da página
- Incluir script consolidado:
<script src="assets/js/nome-do-arquivo.js"></script>
- Sempre use os scripts consolidados em vez de duplicar código
- Adicione novas funções utilitárias em
utils.js - Adicione novas máscaras em
masks.js - Mantenha funções puras e reutilizáveis
- Documente funções complexas com comentários JSDoc