@Carolina3
Esto es un "desaguisado"
<a href= "javascript
:enviar()" onclick="valida_envia()"
onmouseOver="document.enviar.src='imagenes/botonform1.png';"
onmouseOut="document.enviar.src='imagenes/botonform.png';">
Sin detenerme a revisar tus funciones de validación y envío
se debería hacer asi
Código HTML:
Ver original<form ...... onsubmit="return valida_envia();">
<input type="submit" name="procesar" value="Enviar" class="envio" />
La función enviar, obviala, y si queres una imagen en el boton en value="Enviar" ponés value="." yluego lo estilizás con css, por ejemplo
Código CSS:
Ver originalinput.envio{
width: 25px;
height: 25px;
background-image: url(boton.jpg);
border: none;
color: transparent;
}
input.envio:hover{
background-image: url(boton_over.jpg);
}
El css se puede mejorar haciendo un pequeño sprite para los 2 estados
Saludos