PUBLICIDADE
Este código tem nota
9

Autor

mirrfemirr

Fernando Miranda

membro deste junho de 2012

Enquete

Que linguagem server-side você utiliza?
PUBLICIDADE

Tecla Enter Para Mudar Campos no Formulário


Precisei de um código JavaScript que ao apertar a tecla ENTER no formulário não desse o submit, pesquisei algo na internet, achei esse, fiz algumas alterações para poder usar como eu queria, segue o resultado. No script tem os comentários explicando o funcionamento. Precisa da biblioteca jquery para funcionar.
//tecla ENTER
            $(document).ready(function(){
                /* ao pressionar uma tecla em um campo que seja de class="inputUnico", 
				em vez de submeter o formulário, vai pular para o próximo campo.
				o formulário só vai executar o submit com a tecla enter se estiver no ultimo campo do formulário*/
                $('.inputUnico').keypress(function(e){
                    /* 
                     * verifica se o evento é Keycode (para IE e outros browsers)
                     * se não for pega o evento Which (Firefox)
                    */
                   var tecla = (e.keyCode?e.keyCode:e.which);
                    
                   /* verifica se a tecla pressionada é a tecla ENTER */
                   if(tecla == 13){
                       /* guarda o seletor do campo onde foi pressionado Enter */
                       campo =  $('.inputUnico');
                       /* pega o indice do elemento*/
                       indice = campo.index(this);
                       /*soma mais um ao indice e verifica se não é null
                        *se não for é porque existe outro elemento
                       */
                      if(campo[indice+1] != null){
                         /* adiciona mais 1 no valor do indice */
                         proximo = campo[indice + 1];
                         /* passa o foco para o proximo elemento */
                         proximo.focus();
                      }else{
						return true;
					  }
                   }
				   if(tecla == 13){
                    /* impede o submit caso esteja dentro de um form */
                    e.preventDefault(e);
                    return false;
					}else{
                    /* se não for tecla enter deixa escrever */
                    return true;
					}
                })
             })

Sim   Não   Este código foi útil para você?
NotaComentário
7
kpacas comentou em 29/12/2012

muito bom

bacana,gostei
10
offtype comentou em 9/9/2012

Muito Util

legal esse código
10
web10 comentou em 7/9/2012

bom

bem bacana o codigo.
9
guiski comentou em 24/7/2012

Otimo

O codigo ta otimo, so nao sei se e muito util (para mim), pois eu creio que a maioria dos usuarios usam o TAB. Mas mesmo assim ta excelente, parabens !
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

© 2006-2013 R&W Informática Ltda. - Todos os direitos reservados. - Política de Privacidade | Mapa do Site