submit en boton type image

[bitshoot]

hola a todos, tengo una imagen la cual cumple la funcion de "enviar" un formulario, esta imagen se encuentra en un campo input type="image", el proble esta que cuando preciono la imagen esta me activa la funcion js para validar campos vacios, pero al aceptar el alert, vuelve al formulario, pero tambien realiza en envio... alguien sabe como puedo controlar ese problema.

[u_goldman]

En realidad este es un problema de javascript, hay varias formas de lograrlo:

1. Agrega al tag de la forma la función de javascript en lugar de agregarla al submit

Código:

<form action="archivo.asp" method="post" onsubmit="validar();">

Y regresa true/false según sea el caso desde tu función que valida.

2. No hagas un input type=image, haz una imagen que en el evento onclick vaya a tu función javascript y esta se encargue de envíar el form si pasa la validación.

Código:

<img src="imagen.gif" alt="Enviar" style="cursor:pointer;" onclick="javascript:validar();" />

[caricatos]

Hola:

Sí, como dice u_goldman (¡Hola !) las validaciones deben hacerse desde el tag form aunque agregándole la palabra return:
onsubmit="return validar(this)"...

No debes olvidar poner en la función de validación retrun true/false...
Y fíjate el this que permite reutilizar tu función de validación para más formularios.

Saludos

[bitshoot]

pero al hacerlo solo con la imagen, me haria el envio del formulario???

probe con <form action="archivo.asp" method="post" onsubmit="validar();">
con return true y false, pero me sigue haciendo el submit, cuando tendria que volver y no enviar nada en caso de que aun no lleno todos los campos.

de todas maneras probare con la imagen.

[u_goldman]

Sigue enviando la forma porque no lo estamos haciendo como dice caricatos (un gusto estar por estos lares )

aunque agregándole la palabra return:
onsubmit="return validar(this)"...

[bitshoot]

jajajajja la que menos pense que me podria servir me sirvio... solo con la imagen llamando en onClick al js... grax

<img src="imagen.gif" alt="Enviar" style="cursor:pointer;" onclick="javascript:validar();" />

(sin onSubmit arriba en el tag form)

[caricatos]

Hola:

Te funciona porque el formulario y la validación no es del todo correcto...

Por lo que veo tienes una función submit() dentro de validar().
Me alegro de que te funcione, pero dependes de javascript ya que nunca se enviará el formulario si el cliente tiene javascript desactivado...

Una buena validación debe hacerse en el server también...

... y apúntate la forma de validar que te hemos puesto, porque es la correcta.

Saludos

[Mariale!!]

Hola! estoy intentando hacer lo que le sugirieron al amigo pero no me funciona

Aca les anexo lo que hice a ver si dan con el error.

en el form coloque: onsubmit="return validar(this)"
en la imagen tengo: onClick="javascript:validar(); javascript:crear_carta.submit();"

y no me hace nada, ni me envia los datos ni valida, no se si tiene que ver con que tengo dos acciones en el submit o que las estoy llamando mal.

ojo, al principio tengo mis etiquetas javascript con la funcion validar.

[javo1309]

Pues a mi me funciono perfecto con el return TRUE, mil gracias 3 años después...