[JavaScript] Focus no primeiro campo

[entering]

Por uma questão de poupança de tempo, quando preenchemos formulários na net, esperemos que o cursor ja apareça num dos campos.

Grande parte dos programadores resolvem a questão com esta simples linha:

document.forms[0].elements[0].focus();

Foca o primeiro elemento da primeira form, mas imaginemos que o 1º elemento da 1ª form é um input hidden (hidden field) ou mesmo um select one, iria seleciona-los quando na realidade não existe proveito nisso. No caso do hidden field nem sequer suporta o metodo focus, e fazer um foctus num select nao me pareçe valer a pena.

Escrevi esta função espero que de jeito 🙂

function ffff() {
 var oField;
 if (document.forms.length > 0) {
for (var i=0; i < document.forms[0].elements.length; ++i) {
  oField = document.forms[0].elements[i];
  if ((oField.type != "hidden") && (oField.type != "select-one")) {
if (oField.disabled!=true) {
	  oField.focus();
  break;
}
  }
}
 }
}
ffff();

Esta função pode ser chamada no onload da form ou simplesmente por este código num ficheiro a parte, ficaria algo deste género:

<form name="NOME" method="post" action="">
.............
....
</form>
<script language="Javascript" src="PATH/NOME.js"></script>

[skin]

É um script muito bom quando temos uma página que apenas contém um formulário pois assim temos logo o formulário seleccionado 🙂

[MX+]

Por acaso está bem pensado  🙂