Boton con imagenes no me hace validaciones

[SI TAN SOLO TUVIERA]

Hola.

Mi problema es el siguiente.

Tengo un formulario en el que hago dos validaciones:

Código HTML:

<form name="frmFilter" onSubmit="return (valida(this) && validacion3(this))" action="<?php echo $site_secure_URL;?>results.php" method="get"> 

Ahora, el boton SUBMIT o de enviar, lo he cambiado por dos imagenes rollover que me funcionan bien, o sea el boton cumple su funcion, pero no ejecuta las funciones Valida && Validacion.

Asi lo tenia antes, como me funcionaba:

Código HTML:

<input name="submit" style="font-size:12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border-width:1px; background-color:#FF7E00; border-color:#FF7E00;" value="Search" /> 

Asi lo tengo ahora, pero no llama las validaciones:

Código HTML:

<a class="enlace" href="#" onclick="document.forms.frmFilter.submit();return false">
      <img src="images/search.gif" onclick="returnfalse;" onmouseover="document.ejemplo5.src='images/search2.gif';" onmouseout="document.ejemplo5.src='images/search.gif';" border="0" name="ejemplo5" title="Make Search">
    </a> 

Alguien me puede echar una mano? que esta mal? pq no funciona del todo bien?

GRACIAS!

[caricatos]

Hola:

Los input type="image" también hacen submit y también puede usarse su atributo src para el rollover, pero envía las coordenadas en donde se pincha también.

Una buena alternativa es el tag button y en su interior la imagen del rollover... puedes cambiara el aspecto del botón con estilos (border/background-color...)

Si usas el método submit del formulario las validaciones debes hacerlas de otra manera porque el método "fuerza el envío".

Saludos

[SI TAN SOLO TUVIERA]

Muy amable caricatos!

No estoy muy seguro de lo que me decis, especialmente lo del tag button, pero voy buscar mas info al respecto.

Gracias!

[SI TAN SOLO TUVIERA]

Joder!!! casi me descerebro buscandole la solución a esto en todos los websites de tutoriales... despues de "x" tantas horas la termine encontrando aqui mismo ..


En este enlace:

http://www.forosdelweb.com/f13/como-hacer-rollover-sobre-imagen-usada-como-submit-formulario-509837/#post2087915

impecable!

[caricatos]

Hola:

No es un tema para descerebrarse... Un rollover no es otra cosa que cambiar una imagen, y lo respuesta que has encontrado es simplemente el primero de los párrafos de mi respuesta...

Con respecto al tag button, es igual a los botones creados con el tag input (type=button/reset/submit), pero en vez de un atributo value el contenido se pone antes del cierre como los tags normales (</button>)... con tu mismo ejemplo, hubiera bastado con cambiar el tag a y su atributo href, por el tag button del tipo submit...

Código:

<button  class="enlace" type="submit" >
      <img src="images/search.gif" onmouseover="this.src='images/search2.gif'" onmouseout="this.src='images/search.gif';" title="Make Search"/>
    </button>

La definición de la clase enlace seguramente deba ser algo distinta de lo que tienes (cursor: pointer; border: 0; background-color: transparent... y tal vez margin:0; padding: 0;...)

Saludos

[SI TAN SOLO TUVIERA]

aaaaaaah!!! pos haberlo dicho desde el primer post! que era asi de facil..

de todos modos caricatos gracias por la explicacion y dejar en claro lo que primeramente habias dicho! siempre me habia quedado con la duda!
apenas medio entiendo un poco de todo esto de la web, pero no de tiempo completo ahi vamos!! Gracias

Salu2.