Boton tipo imagen ayuda con submit

[Highlander]

Buenas queria mejorar el aspecto de mi aplicación usando imagenes como botones, el problema que este boton con imagen hace el submit de inmediato, aunque se active la validacion.

EJ:

Mi boton normal de submit:

Código:

<input name="boton01" type="button" id="boton01" onClick="validar_nart()" value="Guardar" />

Con imagen:

Código:

<input name="boton01" type="image" alt="Guardar" src="img/ok.png"  class="style3" id="boton01" onClick="validar_nart()" value="Guardar" />

No se si habra otra manera de hacerlo, esa metodo con la imagen lo vi en un sitio web.

[GatorV]

Creo tienes que usar return validar(); Pero como puedes ver no es algo de PHP si no de Javascript.

Tema trasladado a Javascript.

[Highlander]

Gracias estoy buscando.

Esto me funciono pero debe ser una aberración, alguna sugerencia?


<a href="#" onclick="validar_ncliente()">
<img src="img/ok.png" width="32" height="32" border="0" alt="enviar">

<a href="javascript:location='clientes.php'"><img src="img/no.png" border="0" />

[caricatos]

Hola:

Si no es parte de un formulario no es aconsejable el uso de los inputs, pero puedes usar el click en una imagen cualquiera <img onclick="accion()"... y con estilos puedes ponerle bordes y cambiar su aspecto... pero también está el tag button que semánticamente no es entrada (input), en donde se puede incrustar otros tags como img, y puede tener el type="button".

Por cierto, para validar correctamente se debe usar el propio evento submit, recibiendo false para la cancelación del envío: <form onsubmit="return validar(this)"

Saludos

[Highlander]

Ok con la ayuda proporcionada me funciono asi:

<form name='add' form action="clientes.php" method="post" onsubmit="return false">
<input type="hidden" name="accion" value="Insertar" />

<input type="image" onclick="validar_ncliente()" src="img/ok.png" name="image" width="32" height="32">

Desde la validación JS validar_ncliente hago el submit.