将 jquery 和 html 发送到 AJAX 或 php，然后发送到邮件答案

【问题标题】：Send jquery and html to AJAX or php and then send it to mail将 jquery 和 html 发送到 AJAX 或 php，然后发送到邮件
【发布时间】：2013-08-23 16:45:41
【问题描述】：

这将是一个问题表单。

我的问题是如何将填写好的复选框和估计价格发送到我的电子邮件。我只是想复制整个表格并将其发送到我的邮箱。

链接到现在的表单：http://magnusaga.com/skjema/mailsend.php

HTML：

<form id="ContactForm"  action="/mail.php" >

 <p>   <input type="checkbox" id="waterdm" name="waterdm" value="10" />Water Damage</p>

  <p>  <input type="checkbox" id="screendm" name="screendm" value="20" />Screen Damage</p>

  <p>  <input type="checkbox" id="Chargerdm" name="Chargerdm" value="30" />Charger Damage</p>

   <p>   <input type="checkbox" id="hdphdm" name="hdphdm" value="10" />Headphone Damage</p>
<p>Calculated Price:
    <input type="text" name="price" id="price" />
        <input type="text" name="days" id="greater" />

</p>
  <input class="submit" value="send"/>
      <div class="form_result"> </div>
           <div class="day_result"> </div>
</form>

jquery：

<script>

$(document).ready(function () {
    var $inputs = $('input[type="checkbox"]')
    $inputs.on('change', function () {
        var sum = 0;
        $inputs.each(function() {
           if(this.checked)
               sum += parseInt(this.value);
        });

                if(sum > 30)
            $("#greater").val("3 days");
        $("#price").val(sum);   

    });



});

</script>

我想我必须将它附加到 php。

【问题讨论】：

标签： php jquery html ajax .post

【解决方案1】：

我可以推荐这个 jquery 插件。 Jquery Form

<script>
    $(document).ready(function(){
            $('#submit').click(function(){ 
                var queryString = $('#myform').formSerialize(); 
                // the data could now be submitted using $.get, $.post, $.ajax, etc 
                $.ajax({
                    type: "POST",
                    data: queryString,
                    success: function(data){
                        alert('Message Sent');
                    }
                });
            });
    });
</script>
<form id="form" action="" id="myform">
    <p>
        <input type="checkbox" id="waterdm" name="waterdm" value="10" />Water Damage</p>
    <p>
        <input type="checkbox" id="screendm" name="screendm" value="20" />Screen Damage</p>
    <p>
        <input type="checkbox" id="Chargerdm" name="Chargerdm" value="30" />Charger Damage</p>
    <p>
        <input type="checkbox" id="hdphdm" name="hdphdm" value="10" />Headphone Damage</p>
    <p>Calculated Price:
        <input type="text" name="pris" id="price" />
    </p>
    <p>Estimated days:
        <input type="text" name="dager" id="greater" />
    </p>
    <input type="submit" value="send" id="submit"/>
    <div class="form_result"></div>
    <div class="day_result"></div>
</form>

PHP 代码：

$message = "";
foreach($_POST as $k => $v){
    $v = strip_tags($v);
    $message .= "<p>$k:$v</p>";
}

【讨论】：

【解决方案2】：

有两种方法可以将其邮寄给您：使用普通格式，将其发送到运行 PHP 的服务器，使用 PHP 将其处理为电子邮件文本，然后使用 PHP mail() 命令将其发送给您.

另一种方式更基本，在 HTML 表单中将 mailto:me@myself.com 设置为 action，并将表单编码设置为“text/plain”、“application/x-www-form-urlencoded”或“多部分/表单数据”取决于您的需要。然而，这需要用户配置一个邮件程序并单击以使邮件程序发送电子邮件。

第三种方法，使用 jQuery.post 将表单发送到服务器，也是可行的，但包括可能不必要的额外处理。

【讨论】：