[TUTORIAL] Validar campos no ato de registro

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Validar campos no ato de registro

Mensagem por Ace em 22/12/12, 03:29 pm


 

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


- 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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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)})}}});

- Aplicação do tutorial:

Aceda à:

Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta 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.
- Resultado:

Resultados
Variáveis resultados dos códigos
Efeito 1
Efeito 2
Resultados
Variáveis resultados dos códigos
Efeito 3
Efeito 4
--> 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





©️ Fórum dos Fóruns



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
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11605

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum