2013-07-13 139 views
0

我下載了一個模板,我大量修改過,但我不知道如何實現聯繫表單,我對js或ajax的知識幾乎沒有任何東西。Ajax聯繫表格激活

的js代碼,我發現,涉及到的接觸如下:

//反饋表

jQuery('.content_block').find('.form_field').each(function(){ 
    jQuery(this).width(jQuery(this).parent('form').width()-30); 
}); 
jQuery('.login_form').find('.form_field').each(function(){ 
    jQuery(this).width(jQuery(this).parent('form').width()-30); 
}); 
jQuery('.mc_input').each(function(){ 
    jQuery(this).width(jQuery(this).parents('.widget_mailchimpsf_widget').width()-32); 
});   

jQuery('.commentlist').find('.stand_comment').each(function(){ 
    set_width = jQuery(this).width() - jQuery(this).find('.commentava').width() - 37; 
    jQuery(this).find('.thiscommentbody').width(set_width); 
}); 

jQuery('.feedback_go').click(function(){ 
    var par = jQuery(this).parents(".feedback_form"); 
    var name = par.find(".field-name").val(); 
    var email = par.find(".field-email").val(); 
    var message = par.find(".field-message").val(); 
    var subject = par.find(".field-subject").val(); 
    if (email.indexOf('@') < 0) {   
     email = "mail_error"; 
    } 
    if (email.indexOf('.') < 0) {   
     email = "mail_error"; 
    } 
    jQuery.ajax({ 
     url: "mail.php", 
     type: "POST", 
     data: { name: name, email: email, message: message, subject: subject }, 
     success: function(data) { 
      jQuery('.ajaxanswer').hide().empty().html(data).show("slow"); 
      setTimeout("jQuery('.ajaxanswer').fadeOut('slow')",5000); 
     } 
    }); 
}); 

聯繫頁面上的HTML如下:

<form name="feedback_form" method="post" class="feedback_form"> 
<input type="text" name="field-name" value="Nombre" title="Name" class="field-name form_field"> 
<div class="clear"></div> 
<input type="text" name="field-email" value="Email" title="Email" class="field-email form_field"> 
<div class="clear"></div> 
<input type="text" name="field-subject" value="Sobre" title="Subject" class="field-subject form_field"> 
<div class="clear"></div> 
<textarea name="field-message" cols="45" rows="5" title="Message" class="field-message form_field">Mensaje</textarea> 
<div class="clear"></div> 
<input type="reset" name="reset" id="reset2" value="Reiniciar" class="feedback_reset"> 
<input type="button" name="submit" class="feedback_go" id="submit2" value="Enviar!"> 
<div class="ajaxanswer"></div> 
</form> 

如何我是否激活此發送電子郵件到我的電子郵件或我需要mailchimp?我在這裏完全失去了,一直在搜索,沒有回答。

請幫忙!!! :)

謝謝。

+0

谷歌表格可以給你一個鏈接,你在你的網站上發佈該鏈接,訪問你的網站的人可以點擊該鏈接填寫表格,結果會出現在谷歌電子表格中,你可以與銷售人員分享。那麼爲什麼要自己編碼呢? – Paul

+0

而不是每次遇到困難時都要求提供幫助,您應該實際上_learn_您要使用的語言和技術 – Bojangles

回答

-1

您需要PHP郵件程序,這就是mail.php的工作原理。 由於我的網站是用ASP.NET編寫的,我已經刪除了PHP。然而,java腳本的第二部分使用ajax來完成回發消息,它使用成功/失敗消息淡出。這些也在PHP mail.php頁面中。