foco no próximo input utilizando tecla enter
Boa noite pessoal..
Eu estou com um probleminha aqui, quero que quando pressionar a tecla enter, o foco vá para o próximo input. Até ai tudo bem, com este código abaixo isso é possível:
$('input:text').bind("keydown", function(e) {
var n = $("input:text").length;
if (e.which == 13)
{ //Enter key
e.preventDefault();
var nextIndex = $('input:text').index(this) + 1;
if(nextIndex < n)
$('input:text')[nextIndex].focus();
else
{
$('input:text')[nextIndex-1].blur();
}
}
});
Segue html dos inputs. o formulario inicia com dois inputs
<div class="form-group">
<div class="col-xs-5">
<input name="campo1[]" type="text" class="form-control" id="b1" placeholder="campo1">
</div>
<div class="col-xs-5">
<input name="campo2[]"type="text" class="form-control" id="b2" placeholder="campo2">
</div>
</div>
<div class="form-group">
<div class="col-xs-5">
<button id="adicionar" class="btn default">Adicionar novos inputs</button>
<button type="submit" class="btn btn-primary" id="enviarserializados">Enviar</button>
</div>
</div>
O problema é que se eu adiciono linha inputs dinamicamente, tbm com javascript, este código acima não funciona....simplesmente não reconhece os outros inputs que foram adicionados dinamicamente(desculpe a redundância.)...alguém consegue me ajudar????Discussão (5)
Carregando comentários...