2014-02-26 47 views
1

我在我的响应式网站中提供的联系表格未提交。我重视我的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天了!

感谢

+0

控制台上的任何js错误? –

+0

旁注:2天?我不会失去2个小时,然而只有2分钟的时间来完成这项工作。我刚刚找到了一个工作脚本,并继续我的生活。除非......除非你从头开始制造,不要让宝宝死亡,否则现在就是另一回事了。 ;-)(顺便说一下,你的代码中有一个关闭''的标记,如果这就是你实际使用它没有它...添加它 –

+0

对不起,我刚刚开始建立一个网站,我真的不知道我在做什么 – user3357869

回答

0

,您可以尝试...附加的功能,从IMG事件“点击” ... 对不起,(我不会说(WIRTE或听)英语这么多)但我希望这会有所帮助。

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