Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] ¿Cómo evito que se ejecute el evento click de un button al enviar un formulario?

Estas en el tema de ¿Cómo evito que se ejecute el evento click de un button al enviar un formulario? en el foro de HTML en Foros del Web. Pues nada, que tengo este formulario y al presionar "Enter" en cualquiera de sus input para enviar el formulario, me ejecuta el evento click del ...
  #1 (permalink)  
Antiguo 09/06/2015, 00:14
Avatar de BillieBert  
Fecha de Ingreso: diciembre-2011
Mensajes: 37
Antigüedad: 7 años, 11 meses
Puntos: 1
¿Cómo evito que se ejecute el evento click de un button al enviar un formulario?

Pues nada, que tengo este formulario y al presionar "Enter" en cualquiera de sus input para enviar el formulario, me ejecuta el evento click del botón.

Lo explico un poco... El input type file está oculto con CSS y el botón llama al evento click del input type field. Por lo que, al enviar el formulario haciendo "Enter" en cualquiera de los otros inputs, se abre la ventanita para seleccionar un archivo.

Intenté cambiar el evento onclick del botón por un simple "console.log("Boton clickeado"); return false;" pero en la consola sigue ejecutándose.

¿Alguna sugerencia?


Código:
<form id="revision" action="register.php" method="post" enctype="multipart/form-data">
	<table>
		<tr>
			<td colspan="2">
				<button class="profile" id="profile_preview" onclick="$('#profile_file').click();return false;"></button>
				<input type="file" name="archivo" id="profile_file" onchange='mostrarVistaPrevia("#profile_file", "#profile_preview");' />
			</td>
		</tr>
		<tr><th>Nombre</th><td><input type="text" name="user" /></td></tr>
		<tr><th>Correo</th><td><input type="text" name="email" /></td></tr>
		<tr><th>Contraseña</th><td><input type="password" name="pass1" /></td></tr>
		<tr><th>Contraseña<br>(otra vez)</th><td><input type="password" name="pass2" /></td></tr>
		<tr><td colspan="2"><input type="submit" name="enviar" value="Registrarme" /></td></tr>
	</table>
</form>
__________________
La religión y la política pasaron de moda. Lo de hoy es el arte y el idealismo.
  #2 (permalink)  
Antiguo 09/06/2015, 09:18
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 444
Antigüedad: 4 años, 11 meses
Puntos: 207
Respuesta: ¿Cómo evito que se ejecute el evento click de un button al enviar un formu

Si está oculto asumo que no lo estas utilizando por el momento, podes probar con colocar "disabled" en la etiqueta button, eso desactiva el botón.
  #3 (permalink)  
Antiguo 26/06/2015, 05:21
Avatar de BillieBert  
Fecha de Ingreso: diciembre-2011
Mensajes: 37
Antigüedad: 7 años, 11 meses
Puntos: 1
Respuesta: ¿Cómo evito que se ejecute el evento click de un button al enviar un formu

El problema era muy sencillo de resolver... tan solo se debe poner type="button", ya que si está dentro de un formulario, éste lo toma como si fuera type="submit".
__________________
La religión y la política pasaron de moda. Lo de hoy es el arte y el idealismo.

Etiquetas: button, css, evento, formulario, php
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 11:16.