Problema con document.form.submit() y JQUERY.

[dulcineamr]

Hola a todos!.

Estoy haciendo un formulario, y como quiero cambiar el aspecto del boton submit lo he echo utilizando el a href y utilizando la siguiente funcion javascript: onclick="document.getElementById('formulario3').su bmit()

Código HTML:

<form name="formulario3" id="formulario3" method="post" class="cmxform" action="altamail.php"  accept-charset="iso-8859-1">

    <label>Email: </label>
    <input type="text" validate="required:true" class="email">
     <a href="altamail.php" class="button" [B]onclick="document.getElementById('formulario3').submit()[/B]"> Enviar </a>

</form> 

Los dos problemas que tengo son:

1.- Si intento ver las varibles $_POST en altamail.php, no muestra nada.

Código PHP:

  <?php
     var_dump($_POST);
?>   

2.- Si le doy al boton "Enviar" va directamente a la pagina altamail.php y se salta la validación JQUERY.

Alguien puede ayudarme?

[David]

En lugar de usar un enlace puedes usar un <button type="submit">Enviar</button> que también es personalizable.

[dulcineamr]

Gracias David por tu respuesta.

El problema que le veo es que se pone la imagen dentro del boton pero se mantienen las lineas del boton. He probado con css a ponerle sin bordes, pero los sigue poniendo.

Código:

#content .button em b { display:block; height:35px; line-height:35px; 
background:url(images/button-right.gif) no-repeat right top; cursor:pointer; 
border-top-width: 0px; border-right-width: 0px;border-bottom-width: 0px; border-left-width: 0px;}

¿Alguien sabe si se puede eliminar el boton para que yo pueda incorporar mi imagen css y no se vean los bordes del boton?

Por cierto! con este método si que me valida el JQUERY.

[David]

Con sólo border: 0 ya no debería mostrar bordes.