1. Demo ao Vivo

Preencha o formulário para ver a validação em tempo real. O submit só passa se todos os campos estiverem válidos.

2. Regras Disponíveis

Regras são atributoss y2valid-* aplicados direto no <input>. Podem ser combinadas livremente no mesmo campo.

3. Validação no Submit

Por padrão o Y2Valid valida em tempo real (a cada digitação e blur). Use y2valid-live="false" para validar apenas ao submeter.

4. Regra Customizada

Registre funções de validação globais com Y2Valid.addRule(). A função recebe o valor e retorna true (válido) ou uma string com o erro.

// Registra a regra "cpf"
Y2Valid.addRule('cpf', function (value) {
  if (!value) return true; // campo vazio → outra regra cuida (req)
  return validarCPF(value) || 'CPF inválido.';
});

5. API JavaScript

// Validar um formulário manualmente (retorna true/false)
const ok = Y2Valid.check(document.querySelector('#meuForm'));

// Limpar todos os estados visuais
Y2Valid.reset(document.querySelector('#meuForm'));

// Registrar regra customizada
Y2Valid.addRule('nome-da-regra', (value) => {
  return minhaVerificacao(value) || 'Mensagem de erro.';
});

// Eventos disparados no 

form.addEventListener('yd:valid:valid',   () => {
  console.log('tudo certo!');
});
form.addEventListener('yd:valid:invalid', e => {
  console.log(e.detail.errors); // { nomeCampo: 'mensagem', ... }
});