Varios formularios enviar con enter solo el completo

[marx-pola]

Hola a todos! Tengo una página con 3 formularios, los 3 son buscadores, cada uno tiene un solo campo text y cada uno tiene un boton submit:

Código HTML:

<form action="pagina1.php" method="POST" >
  <input name="cod_articulo" type="text" value="Ingresar datos..." onclick="this.value=''" size="14" maxlength="40" />
<button type="submit" style="margin:0; padding:0; border:0;; background-color:transparent; background:url(imagesite/buscar.png); cursor: pointer; width:49px; height:20px;" id="buscar" name="buscar" value=">>" /></button>
</form>

<form action="pagina2.php" method="POST" >
  <input name="cod_articulo" type="text" value="Ingresar datos..." onclick="this.value=''" size="14" maxlength="40" />
<button type="submit" style="margin:0; padding:0; border:0;; background-color:transparent; background:url(imagesite/buscar.png); cursor: pointer; width:49px; height:20px;" id="buscar" name="buscar" value=">>" /></button>
</form>

<form action="pagina3.php" method="POST" >
  <input name="cod_articulo" type="text" value="Ingresar datos..." onclick="this.value=''" size="14" maxlength="40" />
<button type="submit" style="margin:0; padding:0; border:0;; background-color:transparent; background:url(imagesite/buscar.png); cursor: pointer; width:49px; height:20px;" id="buscar" name="buscar" value=">>" /></button>
</form> 

Lo que necesito es que al presionar ENTER se envíe/procese SOLAMENTE el formulario que tenga un dato cargado. Si los campos están vacios, al presionar ENTER no deben hacer nada.
¿Se puede hacer esto? ¿Poner una palabra por ej. en el form 2 y al presionar ENTER que se procese? Así con cualquiera por supuesto.

Desde ya muchas gracias y saludos.

Marx.

[linuxzero]

Aca te dejo un ejemplo en jQuery, si no te sirve avisame.

Código Javascript:

$(document).keydown(function(e) {
      if (e.keyCode == 13) {
            //alert("enter");
            $('.form').each(function(i) {
                  if ($(this).find("input").val().length > 0) {
                       $(this).submit();
                  }
            });
      }
});
 

Fijate de ponerle a cada tag del form en el html, el class "form", entonces deberian quedar asi:

Código HTML:

<form class="form" action="pagina1.php" method="POST" >
<form class="form" action="pagina2.php" method="POST" >
<form class="form" action="pagina3.php" method="POST" >
 

Avisame cualquier cosa.

Saludos!

[marx-pola]

linuxzero: gracias por responder.

En FF funciona PERFECTO pero en IE NO FUNCIONA. En FF al darle ENTER me trae los resultados pero en IE me dice que no encontró resultados.

¿Por qué esta mier... de IE siempre da problemas? ¿Se puede arreglar?

Gracias nuevamente.

[marx-pola]

Esperen... me corrijo... el primer formulario SI FUNCIONA pero el segundo también, pero NO me devuelve resultados pero si pulso sobre el botón BUSCAR SI me trae resultados.

Código HTML:

<form action="rpauto-resultb.php" method="GET" >
    <input name="txt_criterio" type="text" value="Ingresar datos..." onclick="this.value=''" class="buscador-arial11pxNG" size="14" maxlength="40" />
<button type="submit" style="margin:0; padding:0; border:0;; background-color:transparent; background:url(imagesite/buscar.png); cursor: pointer; width:49px; height:20px;" id="buscar" name="buscar" value=">>" /></button>
</form> 

rpauto-resultb.php

Código PHP:

  if(isset($_GET['buscar']) && $_GET['buscar'] == '>>'){  
 
$txt_criterio = $_GET["txt_criterio"]; 
$palabras= explode(" ", $txt_criterio); 
$buscar= implode("%", $palabras); 
 
  $sqlBuscar = "SELECT * FROM producto WHERE descripcion LIKE '%".$buscar."%' ORDER BY categoria, cod_linea, cod_articulo" or die(mysql_error()); 
 
...... 
}  
   

¿Por qué en uno funciona y en el otro no? ¿Es xq uno pasa por POST y el otro por GET?

[zerokilled]

buenas,
¿realmente necesitas algo así? una observación, dependiendo el tipo de control, cuando se presiona Enter al éste tener el foco, el formulario automáticamente se envia. al menos así se comportan muchos de los navegadores.

[marx-pola]

Iniciado por zerokilled

buenas,
¿realmente necesitas algo así? una observación, dependiendo el tipo de control, cuando se presiona Enter al éste tener el foco, el formulario automáticamente se envia. al menos así se comportan muchos de los navegadores.

zerokilled: yo también pregunté lo mismo y no sabes la bronca que me da esto pero tengo un cliente que es INSOPORTABLE y quiere que esto funcione así.

Pero como comenté anteriormente, lo que me parece MUY RARO es que con el código que me pasó el colega linuxzero funciona, pero el segundo formulario en cuestión cuando presiono ENTER no trae nada pero si presiono el botón del formulario me trae los resultados.

Es como que al presionar ENTER no enviara nada y al presionar el boton SI.

[zerokilled]

pues realmente lo de tu cliente es fastidiar la vida de uno porque me parece un sin sentido. normalmente un usuario envia el formulario despues de llenado. lo que significa que seguramente uno de los campos tendrá el foco. sobre lo del segundo formulario no ser capaz de enviar los datos, supongo que lo mismo debe sucederte con el tercero. pues nótese que el script determina cual formulario enviar de acuerdo a si el campo esta vacio. el cual no es el caso ya que inicialmente tiene el texto "Ingresar datos...". debes agregar una comprobación de si el campo contiene un texto distinto.

[marx-pola]

Gente, perdón que reabra este post pero encontré un problema con el maldito IE8... todo esto que me han explicado aquí, lo probé en IE9 y en FF y funciona a la perfección pero en IE8 NO FUNCIONA... al presionar enter NO DEVUELVE NADA.

Se le puede agregar algo al jquery para que funcione en IE8?

Muchas gracias y disculpen las molestias.

Marx.