[TUTORIAL] 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!



1º - O código:

Código:

$(function(){if(window.location.href.indexOf("/register?agreed=true&step=2")!=-1){$(function(){$('input#username_reg').attr('placeholder','Insira um nome de usuário').after('<br/><div id="infoRegister"></div>');if($('input#username_reg').length){$('input#username_reg').keyup(function(){if($('#username_reg').attr('value')==''){$('#infoRegister').html(' ')}else{url='/search?mode=searchuser&fieldname=username&search_username='+encodeURIComponent($('input#username_reg').val());$.get(url,function(data){if($('select[name=username_list] option',data).val().toLowerCase()==$('input#username_reg').val().toLowerCase()){$('#infoRegister').html('<img src="http://2img.net/i/fa/admin/icones/supprimer.png" style="width:12px;height;12px;" /> '+document.getElementById("username_reg").value+' já está sendo utilizado por outro usuário!')}else{$('#infoRegister').html('<img src="http://2img.net/i/fa/valid.png"/> '+document.getElementById("username_reg").value+' disponível!')}})}})}});var email;email=$('#email');if(email.length){var messages,validation;messages={};messages.success='<img src="http://2img.net/i/fa/admin/icones/supprimer.png" style="width:12px;height;12px;" /> Este email já está sendo utilizado por outro usuário!';messages.fail='<img src="http://2img.net/i/fa/valid.png"/> Email disponível!';email.after('<div id="email-validation"></div>');validation=$('#email-validation');window.validation={};window.validation.email={};email.on('keyup',function(){if(window.validation.email.timeout){clearTimeout(window.validation.email.timeout)}window.validation.email.timeout=setTimeout(function(){$.get('/memberlist?username='+encodeURIComponent(email.val()),function(data){var exists;exists=data.indexOf('Este usuário não existe.')!==-1;if(exists){validation.html(messages.fail)}else{validation.html(messages.success)}})},500)})}}});

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

Efeito 2

Resultados

Variáveis resultados dos códigos

Efeito 3

Efeito 4

• 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
  

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Validar campos no ato de registro