[RESOLVED] Contact Form Help

[endurox]

I would like to use an image to submit my contact form. When the image submit button is pressed it fails to run my onSubmit java-script field validations.

          <form name="contactForm" id="contactForm" action="contact.php" method="post" enctype="multipart/form-data" onSubmit="return validate_form(this)">
<strong>Name :</strong>
<input name="name" type="text" value="" maxlength="50" />
<strong>E-Mail :</strong>
<input name="email" type="text" value="" maxlength="100" />
<strong>Phone :</strong>
<input name="phone" type="text" value="" maxlength="15" />
<strong>Message :</strong>
<textarea name="message" cols="40" rows="5"></textarea>

<div class="buttonwrapper"><a href="#" onClick="document.getElementById('contactForm').submit()" class="ovalbutton blue"><span>Send</span></a></div>
          </form>

[Weedpacket]

Why not use a proper submit button? One that's styled to use an image?

[endurox]

good point, can you provide an example on how to do that with css?

[Weedpacket]

OOoooohhhh.... something like

<input type="submit" class="blue ovalbutton" name="submit" />

And all the usual CSS stuff.

[endurox]

can you provide an example ?

[Weedpacket]

Experiment for yourself! Live a little!

Oh, all right .... maybe it is a bit on the advanced side - even Google would have trouble finding it (it keeps turning up the JavaScript-driven <a href="#"> thing you had).

input
{
    background-image: url(http://www.phpbuilder.com/images/logo.gif);
    border: none;
    background-color:navy;
    color:transparent;
    height:55px;
    width:130px;
}

<input type="submit" action="http://www.example.com/" />

[endurox]

Excellent work, I thank you a million.