Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Problema con multiples submit e input

Estas en el tema de Problema con multiples submit e input en el foro de HTML en Foros del Web. Buenas noches. Tengo un pequeño problema. Vereis, tengo en una página, por un lado, varios input junto a varios button submit (un buscador con varios ...
  #1 (permalink)  
Antiguo 25/03/2015, 14:34
 
Fecha de Ingreso: julio-2012
Ubicación: Madrid
Mensajes: 95
Antigüedad: 12 años, 4 meses
Puntos: 2
Pregunta Problema con multiples submit e input

Buenas noches.

Tengo un pequeño problema. Vereis, tengo en una página, por un lado, varios input junto a varios button submit (un buscador con varios parámetros y botones de buscar y limpiar) y por otro lado, despues de realizar la busqueda, me aparece un input donde puedo introducir la página y tras pulsar el input image que tiene al lado, cambia de página.

Lo que ocurre es que si pongo un numero de página y pulso la tecla INTRO, en vez de irme a la página indicada, lo que hace es realizar la acción del primer input que está escrito en el fichero (el de limpiar)

¿Hay alguna manera de que cuando he introducido un valor en el input de página y pulse INTRO, se realice la acción de paginar en vez de la de limpiar?

Gracias y saludos.
  #2 (permalink)  
Antiguo 25/03/2015, 15:07
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Problema con multiples submit e input

deben de tener el mismo codigo y la misma funcion amigo por eso no funciona >_< recuerda cambiar id/class y la function ;)
  #3 (permalink)  
Antiguo 25/03/2015, 15:34
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 7 meses
Puntos: 116
Respuesta: Problema con multiples submit e input

Para hacertela de manera muy sencilla, deberias crear un form, por cada input.
Asi, aunque den ENTER, te tomara los datos de ese input, porque es el que pertenece a ese form.

o Segunda opción.

Usa javascript.
Mira: http://codepen.io/kurosaki/pen/myvQbX

Saludos.
__________________
Programador jQuery & PHP
  #4 (permalink)  
Antiguo 26/03/2015, 01:07
 
Fecha de Ingreso: julio-2012
Ubicación: Madrid
Mensajes: 95
Antigüedad: 12 años, 4 meses
Puntos: 2
Respuesta: Problema con multiples submit e input

Os incluyo parte del código de la pantalla, por si os sirve para ver mejor el problema:

Como dice AngelKrak, todo está dentro del mismo form.

Aqui los input junto a los botones de buscar y limpiar:

<li>
<label for="codNombre">
<spring:message code="nombre"/>
</label> <form:input path="nombre" type="text" size="20" tabindex="110"/>
</li>
<li>
<label for="codigo">
<spring:message code="codigo"/>
</label>
<form:input path="codigo" type="text" size="20" tabindex="110" />
</li>

<fieldset class="botones">
<input class="btnAccion btnBuscar" type="submit" name="buscar" value="${buscar}" tabindex="250" />
<input class="btnAccion" type="submit" name="limpiar" value="${limpiar}" tabindex="250"/>
</fieldset>

Y aquí el input de paginación junto a su botón:

<span class="paginacion">
<spring:message code="pagina"/>
<input id="numeroPaginaVisible" maxlength="3" value="${paginaActiva}" size="2" />
<spring:messagecode="de"/>${totalPaginas}
<input type="image" title="${irAPagina}" name="cambiarPaginaManual" src="${pageContext.request.contextPath}icoFlecha.p ng" tabindex="1"/>
</span>

Lo que quiero es que cuando se introduzca algo en el input con id=numeroPaginaVisible, se quede como "marcado el input image para que al pulsar la tecla INTRO del teclado, se realice el cambio de página en vez de "pulsar" sobre el submit de name=buscar.
  #5 (permalink)  
Antiguo 26/03/2015, 12:47
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 7 meses
Puntos: 116
Respuesta: Problema con multiples submit e input

Hazlo con jQuery.
Detectas el momento del "enter", y mediante index(), detectas en cual input te encuentras actualmente, y envias ese valor.

Saludos.
__________________
Programador jQuery & PHP
  #6 (permalink)  
Antiguo 26/03/2015, 13:02
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 7 meses
Puntos: 116
Respuesta: Problema con multiples submit e input

o Al menos tomate poco la molestia de leer y ver los ejemplos.

Aqui te lo dejo con jQuery 100% funcionar.
Ya sea presionando enter, o ya sea haciendo click en el input submit.

http://codepen.io/kurosaki/pen/myvQbX

Saludos.
__________________
Programador jQuery & PHP

Etiquetas: input, multiples, página, submit
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:03.