我的联系表格不起作用

Question

my contact form in my responsive website is not submitting. i have attached my contact.php but it is not working

my script is as follows

<!--Contact Us Script-->
<script type="text/javascript">
    // <![CDATA[
    $(function() {
        $('#contactform').submit(function() {                 
            var action = $(this).attr('action');

            $.post(action, { 
                name: $('#name').val(),
                email: $('#email').val(),
                company: $('#website').val(),
                subject: $('#subject').val(),
                message: $('#message').val()
            },

            function(data) {
                $('#contactform #submit').attr('disabled','');
                $('.response').remove();
                $('#contactform').before('<p class="response">'+data+'</p>');
                $('.response').slideDown();

                if(data=='Message sent!') $('#contactform').slideUp();
            }
        ); 

        return false;
    });
});

and my actual form is

<form action="contact.php" method="post" id="contactform">
    <ol>
        <li>
            <label for="name">Name*</label>
            <input id="name" name="name" class="text"/>
        </li>
        <li>
            <label for="email">Email*</label>
            <input id="email" name="email" class="text" />
        </li>
        <li>
            <label for="url">Website</label>
            <input id="url" name="web" class="text"/>
        </li>
        <li>
            <label for="subject">Subject*</label>
            <input id="subject" name="subject" class="text"/>
        </li>
        <li>
            <label for="message">Message*</label>
            <textarea id="message" name="message" rows="6" cols="50" ></textarea>
        </li>
        <li class="buttons">
            <input name="imageField" type="image" class="send" id="imageField"      form="contactform" src="Newsite/images/sub.png" />
            <div class="clr"></div>
        </li>
    </ol>
</form>

I would be really grateful if someone could assist. I've been stuck for 2 days now!!!

Thanks

Answer 1

You can try it... Attach the function, to the event "click" from the img... Sorry, (i can't speak(wirte or listen) english so much) but I hope it will help.

$("#imageField").click(
   function(){
   $('#contactform').submit(function(){                  
      var action = $(this).attr('action');
      $.post(action, { 
          name: $('#name').val(),
          email: $('#email').val(),
          company: $('#website').val(),
          subject: $('#subject').val(),
          message: $('#message').val()
    },
   function(data){
       $('#contactform #submit').attr('disabled','');
       $('.response').remove();
       $('#contactform').before('<p class="response">'+data+'</p>');
       $('.response').slideDown();
       if(data=='Message sent!') $('#contactform').slideUp();
   }
 );
 return false;
 });