提交表单到电子邮件,然后重定向到新页面(没有PHP)

时间:2014-01-27 15:20:17

标签: javascript html forms

客户的网站部分无法通过任何其他网页进行导航。要访问这些页面,她希望用户填写此表单。这是一个非营利性的,所以她基本上只想看看有多少人进入这些免费提供产品的页面,以便她可以报告。所以有一个带有表单的页面。她希望用户提交表单,然后重定向到另一个页面。通常我会用PHP很容易地做到这一点,但不幸的是,她通过一些本地傻瓜主持网站,他们不支持PHP

所以问题是,如何让这个表单提交给她的电子邮件,然后从表格(video-form.html)的当前页面重定向到另一个页面(videos.html)?

我有这样的表格:

        <form id="myForm" action="mailto:mail@mail.net" method="post" name="VideoFormAction">
            <table cellspacing="1" cellpadding="1" width="46%">
                <tr>
                    <td valign="top" class="shade1"><font color="red"><b>*</b></font> Email Address</td>
                    <td valign="top"><input type="text" name="Mail" value="" size="30"></td>
                </tr>

                <tr>
                    <td valign="top" class="shade2">Name</td>
                    <td valign="top"><input value="" name="Name" type="text" size="30" maxlength="100"></td>
                </tr>

                <tr>
                    <td valign="top" align="center">
                        <font color="red"><b>*</b></font> = required field
                    </td>
                    <td valign="top">
                        <button class="button">Submit</button>
                    </td>
                </tr>
            </table>
         </form>

我尝试了一些javascript:

<script>
document.getElementById("myForm").onsubmit = function() {
    setTimeout(function(){
        window.location.href = "http://www.funducate.net/videos.html";  
    }, 1);
};
</script>

无论出于何种原因,这都行不通。我通过搜索找到了多个建议来尝试上面的许多不同变体,所有这些都失败了。如上所述,最后的努力甚至是暂停。我想它不起作用,因为提交按钮执行动作=“”然后不继续。

还有其他选择吗?记住,我不能使用PHP(我知道这很荒谬,但它是我得到的)

1 个答案:

答案 0 :(得分:0)

您可以通过jQuery或javascript读取表单值,将它们保存到变量,构造消息正文并通过电子邮件发送表单内容。

有关详细信息,请参阅以下内容:

How to send an email from JavaScript

More information on Mandrill

发送电子邮件后,在代码中完成(正确)重定向页面 - 但没有setTimeout。