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;
}
})
})
