Jquery | Submit input ao apertar enter

[Erilton 0]

Olá,

pessoal... preciso de uma ajuda.

 

Tenho um form autenticação em jquery e gostaria de ao digitar a senha, apertando ENTER, o formulário seja acionado.

 

 

<div class="autenticacao">
   Nome de usuário ou e-mail: <input type="text" name="emailacesso" id="emailacesso" class="pula">
   Senha: <input type="password" name="senhaacesso" id="senhaacesso" style="width:150px;" class="enter">
   <input type="submit" name="acessar" id="acessar" value="acessar" class="btn">
</div>

 

Tenho um js que faz pular de um input para outro.

Até aqui beleza!

Mas ao colocar a senha e apertar ENTER gostaria que tivesse a mesma função do submit, já enviasse o form.

 

/* ao pressionar uma tecla em um campo que seja de class="pula" */
               $('.pula').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 foi o ENTER */
                  if(tecla == 13){
                      /* guarda o seletor do campo que foi pressionado Enter */
                      campo =  $('.pula');
                      /* 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();
                     }
					e.preventDefault(e);
					return false;
				  }
                   /* impede o sumbit caso esteja dentro de um form */

               })
            })

 

Se alguem puder ajudar, ficarei agradecido!

[William Bruno 1501]

esse já é o comportamento default do html.

 

não precisa de js nisso.

No caso, é o teu js que está impedido que o form seja enviado.

[Erilton 0]

esse já é o comportamento default do html.

 

não precisa de js nisso.

No caso, é o teu js que está impedido que o form seja enviado.

 

Oi William, obrigado pela resposta... a minha dificuldade é exatamente essa... como não estou num form, estou passando os dados via jquery (id), então precisei dessa função... o que não estou conseguindo fazer é o js verificar se é o último campo, se for, o enter dará a função submit.

[paulojuchem 20]

$(todo_mundo_que_chama_o_evento).keypress(function(e){

if(e.wich == 13 || e.keyCode == 13){

// e = evento; 13 = code do enter :D

//o que você quer que faca qdo apertar enter aqui!

}

});

[William Bruno 1501]

]como não estou num form, estou passando os dados via jquery (id),

Essa abordagem está incorreta. Coloque num form. E então passe os valores com jQuery.

 

http://wbruno.com.br/2012/01/20/enviar-formulario-para-php-sem-refresh-jquery-ajax/