Question

我下载了一个我已经大量修改的模板，但我不知道如何实现联系表单，我对js或ajax的了解几乎没有。

我发现与联系人有关的js代码如下：

// FeedBack表格

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？我完全迷失在这里，一直在谷歌搜索，没有回答。

请帮忙!!! ：）

谢谢。

Answer 1

你需要PHP Mailer，这就是mail.php的工作方式。由于我的网站是用ASP.NET编写的，我已经删除了PHP。但是，java脚本的第二部分使用ajax执行回发消息，该消息使用成功/失败消息淡出。这些也在PHP mail.php页面中。

Ajax联系表单激活

1 个答案: