[TUTORIAL] Aviso de Caps Lock ligado na password

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

[TUTORIAL] Aviso de Caps Lock ligado na password Empty [TUTORIAL] Aviso de Caps Lock ligado na password

Mensagem por Fraise em 03.10.15 22:45


[TUTORIAL] Aviso de Caps Lock ligado na password Forum

Aviso de Caps Lock ligado no password

Com este tutorial, será ensinado a como fazer uma função que alertara quando o Caps lock estiver ligado quando escrevemos a senha. Um código simples, mas que pode evitar muita dor de cabeça.

--> Tutoriais, dicas e astúcias <--
Aviso de Caps Lock ligado no password


- Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.


Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts
[TUTORIAL] Aviso de Caps Lock ligado na password Painel13
[TUTORIAL] Aviso de Caps Lock ligado na password 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Aviso de Caps Lock ligado na password 110210Seta 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.
[TUTORIAL] Aviso de Caps Lock ligado na password 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. Em nosso caso, adicionaremos este código:

Código:
$(document).ready(function(){
  $('#password').keypress(function(e) {
kc = e.keyCode?e.keyCode:e.which;
sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);

  if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk)){
      $('#password').after('<div id="teste" style=" color: white;float: right;position: absolute;margin-left: 18%;margin-top: -31px;background: rgb(241, 104, 104);padding: 8px;border-radius: 2px;" >O Caps Lock está ligado!</div>');
      } else
  {
    $('#teste').remove();
   
    }
 
});});
[TUTORIAL] Aviso de Caps Lock ligado na password 110410Seta 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:

[TUTORIAL] Aviso de Caps Lock ligado na password YeEbzbd




© Fórum dos Fóruns & Hancki
[TUTORIAL] Aviso de Caps Lock ligado na password Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Aviso de Caps Lock ligado no password
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7759

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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