oziAuth

Versão: 2.2.4 — Atualizado em: 2026-04-25

Descrição

Plugin de validação de formulários de autenticação. Concentra as regras de senha, e-mail e confirmação em um motor isolado — oziAuth() — e aplica feedback visual em tempo real nos campos, lista de regras e botão de envio, orientando o usuário a seguir a ordem correta de preenchimento.

Exemplos

[1] Formulário completo com lista de regras

<input type="email" name="email"
    data-ozi-auth-mail
    class="form-control"
    placeholder="E-mail">

<input type="password" name="senha"
    data-ozi-auth-pass="bi bi-eye-slash,bi bi-eye"
    class="form-control"
    placeholder="Senha">

<input type="password" name="confirma"
    data-ozi-auth-confirm="bi bi-eye-slash,bi bi-eye"
    class="form-control"
    placeholder="Confirmar senha">

<div id="regrasSenha"></div>

<button type="submit"
    data-ozi-auth-submit
    data-ozi-auth-list-id="regrasSenha"
    data-ozi-auth-check="bi bi-circle,bi bi-check2-circle"
    class="btn btn-secondary"
    disabled>
    Salvar
</button>

[2] Com dropdown de regras

<input type="password" name="senha"
    data-ozi-auth-pass="bi bi-eye-slash,bi bi-eye"
    class="form-control">

<button type="submit"
    data-ozi-auth-submit
    data-ozi-auth-dropdown
    class="btn btn-secondary"
    disabled>
    Salvar
</button>

[3] Com campo de usuário

<input type="text" name="usuario"
    data-ozi-auth-user
    data-ozi-auth-user-caracter="4"
    class="form-control"
    placeholder="Nome de usuário">

[4] Lista + Dropdown simultâneos

<button type="submit"
    data-ozi-auth-submit
    data-ozi-auth-list-id="regrasSenha"
    data-ozi-auth-dropdown
    class="btn btn-secondary"
    disabled>
    Salvar
</button>

<div id="regrasSenha"></div>

[5] Motor de validação via JavaScript

Use oziAuth() de forma isolada para validar programaticamente:

const result = oziAuth({
    mail:        'user@email.com',
    password:    'Senha@123',
    confirm:     'Senha@123',
    userCaracter: 4
});

if (result.access) {
    console.log('✔ Tudo válido — pode enviar!');
} else {
    console.log('✘ Erros:', result);
}

Recursos

• Motor isolado — oziAuth() valida sem depender do DOM
• Feedback em tempo real — regras atualizadas a cada tecla
• Toggle show/hide — ícones customizáveis nos campos de senha
• Lista de regras — renderizada em container configurável
• Dropdown de regras — exibido ao focar no campo de senha
• Badge de contagem — exibe progresso em tempo real (6/14 · faltam 2)
• Ordem de preenchimento — e-mail validado ao digitar a senha
• Ícones customizáveis — estados válido/inválido configuráveis

Atributos HTML

[1] Campos

[2] Feedback Visual

[3] Regras de Exibição

Validações

Usuário

• Comprimento mínimo definido por data-ozi-auth-user-caracter

E-mail

• Formato válido: nome@dominio.com

Senha

Confirmação

• Deve ser idêntica à senha

Badge de Contagem

A regra passLength exibe progresso em tempo real:

Retorno do motor oziAuth()

{
    userValid:        true,  // usuário com mínimo de caracteres
    mailValid:        true,  // e-mail em formato válido
    passLength:       true,  // entre 8 e 14 caracteres
    passLowercase:    true,  // tem letra minúscula
    passUppercase:    true,  // tem letra maiúscula
    passNumber:       true,  // tem número
    passSpecial:      true,  // tem caractere especial
    passNoSpace:      true,  // sem espaços
    passNoEmailParts: true,  // senha não contém partes do e-mail
    passConfirm:      true,  // confirmação igual à senha
    access:           true   // true somente se todas as regras forem atendidas
}

API Pública

Uso com conteúdo dinâmico

// Após inserir HTML no DOM
window.oziAuthInitFetched($('#destino')[0]);

// Ou via evento
$(document).trigger('oziAuth:initFetched', [rootElement]);