我的联系表格不起作用

时间:2014-02-26 21:32:05

标签: javascript php jquery forms

我的回复网站中的联系表单未提交。我已经附上了我的contact.php,但它无法正常工作

我的脚本如下

<!--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;
    });
});

我的实际表格是

<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>

如果有人可以提供帮助,我将非常感激。我已经被困了2天了!!!

由于

1 个答案:

答案 0 :(得分:0)

你可以试试......把这个功能附加到img的事件“点击”... 对不起,(我不会说英语(听或听)这么多)但我希望它会有所帮助。

$("#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;
 });