sencillo pero ¿porque no me funciona?

jqcod · #1 (**permalink**) 10/11/2011, 22:50

Buenas,
A ver si alguien puede indicarme porque el siguiente código no me funciona, lo que se pretende que al cargar cualquier pagina que contenga un formulario el foco sea el primer campo del primer formulario (exceptuando si es un hidden)

<html>
<head>
<title>test</title>

<script type="text/javascript">

if(document.forms.length > 0) {
for(var i=0; i < document.forms[0].elements.length; i++) {
var campo = document.forms[0].elements[i];
if(campo.type != "hidden") {
campo.focus();
break;
}
}
}

</script>
</head>
<body>

<form action="uno.html" method="post">

Este es el campo nº1:<input type="text" name="campo1"/>
Este es el campo nº2:<input type="text" name="contra"/>
<input type="submit" value="Enviar" name="submit"/>

</form>
</body>
</html>

*** Otra duda es que en cualquier form con varios campos y un boton submit, y si el usuario cumplimentando el primer campo pincha en Enter se hace el envio del formulario ¿hay alguna forma de evitarlo?

...bueno pues gracias a quien pueda contestar

jqcod · #2 (**permalink**) 10/11/2011, 23:08

al segundo punto de mi pregunta le he encontrado la siguiente solución:

function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = stopRKey;

Si alguien le ve algún inconveniente a esta función que la comente.

jarios · #3 (**permalink**) 11/11/2011, 05:53

He probado tu codigo aqui [URL="http://jsfiddle.net/LnucU/"]http://jsfiddle.net/LnucU/[/URL] y en principio no da ningun problema lo unico puede ser que el codigo se ejecuta antes de que se carge el documento entero y por eso funciona. Prueba colocarlo en algun sitio en donde se ejecute despues de que se cargue el documento o por lo menos las etiquetas que estas usando.

Un saludo.

Rappa · #4 (**permalink**) 11/11/2011, 06:30

Tienes que hacer una funcion con el código y ejecutarla en el body onLoad

Código Javascript:

Ver originalfunction MiFuncion(){
   if(document.forms.length > 0) {
      for(var i=0; i < document.forms[0].elements.length; i++) {
         var campo = document.forms[0].elements[i];
         if(campo.type != "hidden") {
            campo.focus();
            break;
         }
      }
   }
}

y en el body:

Código HTML:

Ver original<body onLoad="MiFuncion();>"

jqcod · #5 (**permalink**) 14/11/2011, 22:39

Gracias, me has sido de ayuda, te envío karma