联系表格 ASP.NET C#

Question

我正在尝试在我的网页中创建“联系我们”表单，我尝试了一些方法，我认为它应该可以工作，但我仍然收到错误。

我试过这个：

HomeController.cs

   public class HomeController : Controller
    {
        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task<ActionResult> Contact(ContactModel model, string email, string subject, string htmlMessage)
        {
            using (MailMessage mailMessage = new MailMessage())
            {

                mailMessage.From = new MailAddress("");
                mailMessage.Subject = subject;
                mailMessage.Body = htmlMessage;
                mailMessage.IsBodyHtml = true;
                mailMessage.To.Add(new MailAddress(email));
                SmtpClient smtp = new SmtpClient();
                smtp.Host = "smtp-mail.outlook.com";
                smtp.EnableSsl = true;
                System.Net.NetworkCredential NetworkCred = new System.Net.NetworkCredential();
                NetworkCred.UserName = "myemail@hotmail.com";
                NetworkCred.Password = "myEmailPassword";
                smtp.UseDefaultCredentials = true;
                smtp.Credentials = NetworkCred;
                smtp.Port = 587;
                await smtp.SendMailAsync(mailMessage);
            }
            return View(model);
        }

        public ActionResult SuccessMessage()
        {
            return View();
        }
    }

ContactModel.cs

public class ContactModel
{
    public string Email { get; set; }
    public string Name { get; set; }
    public string Message { get; set; }
}

Contact.csshtml

@model ContactForSpacess.Models.ContactModel


<h2>ContactMail</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Contact</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Message, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Message, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Message, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

我收到以下错误： 应用程序中的服务器错误。找不到资源。 说明：HTTP 404。

感谢我能得到的所有想法和帮助！

谢谢。

Answer 1

您只定义了接收表单提交的操作 - HttpPostAttribute 意味着 GET 请求无法访问该操作。假设您希望显示的表单是您网站上的一个页面，您需要定义一个 GET 操作：

public ActionResult Contact()
{
    var model = new ContactModel();

    return View(model);
}

如果你愿意，你可以用[HttpGet] 来装饰动作，但这不是必须的。

如果需要，您还可以更新您的 Razor 助手以明确指定表单方法为 POST 并设置操作属性：

@using (Html.BeginForm("Contact", "Home", FormMethod.Post))
{
   @* ... your code *@
}

正如@asawyer 所述，HtmlHelper.BeginForm 扩展默认发出一个带有 method="post" 的表单：https://docs.microsoft.com/en-us/dotnet/api/system.web.mvc.html.formextensions.beginform?view=aspnet-mvc-5.2#System_Web_Mvc_Html_FormExtensions_BeginForm_System_Web_Mvc_HtmlHelper_

Answer 2

应该是这样的。

 [HttpGet]
    public async Task<IActionResult> Contact()
    {
        return View();
    }

    [HttpPost]
    [Route("postcontact")]
    [ValidateAntiForgeryToken]
    public async Task<IActionResult> ContactMakePost([FromBody] Contact model)
    {
        return View();
    }

你的视图应该是这样的

@using (Html.BeginForm("postcontact", "Home", FormMethod.Post)){ }