Focar no primeiro elemento do form

Agora vou arquivar mostrar uma dica que me foi muito útil.

Quando se trabalha com layouts compartilhados, onde quase todas suas página usam o mesmo layout, costuma-se declarar os js, css, entre outras coisas nessa página de layout.

Como todos quase todos seus forms ficaram dentro dessa página, é interessante que se tenha um truque que todo formulário carregado, tenha o cursor focado no primeiro campo,

evitado que o usuário use o mouse para focar e depois digitar.

Usando o famoso JQuery (se você não usa, comece a usar), seu código ficará assim:

$(document).ready(function () {
   // foca o cursor no 1º input/select enable e visible da página
   $(':input:enabled:visible:first').focus();
});

Explicação de cada item:

:input - captura campos como input, select, radio e checkbox. Se retirar os ':' ele captura apenas campos do tipo input
enabled - verifica se o campo esta habilitado, pois não teria motivo tem como focar um campo disable.
visible - ignora campos do tipo hidden
first - captura o primeiro elemento do form
.focus() - foca o campo

Até a próxima! :)

Tweet

Pin It