如何从 bootstrap/html 中的联系我们表单获取邮件

Question

因为我已经在 Asp.net 的 Web 应用程序 Web 表单中实现了此代码 http://azuresolutionz.com/ContactUs.html 请检查 link 了解详细问题。

当我点击发送按钮时，我的收件箱中没有收到表单的详细信息。并且 js 也不起作用。

Answer 1

啊，我明白了，你在这里以一种非常奇怪的方式实现了邮件。

首先非常重要 - 我在您的控制台中看到错误消息“$ is not defined”。但是我在您的 Resource 文件夹中看到 jquery 文件，这仅意味着您以错误的顺序调用了 jquery-2.1.4.min.js。

您首先需要调用 jquery-2.1.4.min.js 文件，然后再调用所有其他 js 文件，例如 bootstrap.min.js 和您的 ContactUs.js。完成此更改后，您可以尝试一下。这应该会消除大部分 js 错误。

现在您可以查看我提供的其余信息，以更好地了解您的邮件系统的工作原理。

您没有使用任何服务器端技术，而是直接从字段中获取值并单击发送按钮，您正在检索所有表单输入数据并使用 mail:to。
mail:to 在用户的默认邮件客户端上打开邮件（包含数据）以发送邮件。
因此，只需期待（在单击 "Send" 按钮后）数据会填充到您的默认电子邮件客户端，如 Outlook(Windows) 或 Mail(MAC ).
在您的电子邮件客户端上，您需要像发送任何普通邮件一样发送邮件，当然可以发送和接收邮件。

或者，如果您不想 mailto，那么您必须使用任何服务器端邮件程序实现，利用 PHP 或 Java 或 C# 等

根据@Shahzeb 的要求更新：

创建 ContactUs.ascx 文件后，

首先你需要将你的输入文本字段设置为asp:TextBox并向其添加一个ID属性，因为这是我们如何在代码隐藏页面上获取相应字段的值.这看起来像

<asp:TextBox ID="txtFirstName" runat="server" />

对所有字段执行此操作。

然后将此添加到您的 ContactUs.ascx.cs 文件（这是 ContactUs.ascx 页面的代码）。

注意：已添加 using System.Net.Mail;。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Net.Mail;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        try
        {
            MailMessage message = new MailMessage(txtFirstName.Text, txtLastName.Text, txtEmail.Text, txtPhone.Text);
            SmtpClient emailClient = new SmtpClient(txtSMTPServer.Text);
            emailClient.Send(message);
            litStatus.Text = "Message Sent";
        }
        catch (Exception ex)
        {
            litStatus.Text=ex.ToString();
        }
    }
}

如何从 bootstrap/html 中的联系我们表单获取邮件

How to get mail from contact us form in bootstrap/html

asp.net

twitter-bootstrap

contact-form

mailto