Question

我在ASP.NET中使用控制器，视图和视图模型制作了一个简单的联系表单。

表单是在Umbraco中制作的，因此语法可能略有不同。我正在使用BeginUmbracoForm帮助器方法发出POST请求并在控制器中调用post动作。

但是当我点击提交按钮时，页面会刷新，不会发生任何后期操作。邮件目前无法发送，因为我是从本地服务器运行的，但我希望显示FormSubmitted消息，以表明事情正在发挥作用。

为什么没有发出POST请求？

这是我的控制器，它继承自SurfaceController。

public class ContactController : SurfaceController
    {
        public ActionResult Index()
        {
            return PartialView("ContactForm", new ContactFormViewModel());
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Submit(ContactFormViewModel model)
        {

            if (!ModelState.IsValid) //validation
                return CurrentUmbracoPage();

            // Send mail using SMTP
            MailMessage mailMessage = new MailMessage();
            mailMessage.To.Add("thomasbrun12@gmail.com");
            mailMessage.From = new MailAddress("info@remaloevbjerg.dk");
            mailMessage.Subject = "Kontakt mail";
            mailMessage.Body = "Navn: " + model.Navn + "\nAddresse: " + model.Addresse + ", " +
                model.PostNrBy + "\nTelefon: " + model.Telefon + "\n" + model.Message;

            SmtpClient smtpClient = new SmtpClient("smtp.curanet.dk");
            smtpClient.Send(mailMessage);

            TempData["FormSubmitted"] = true;

            return RedirectToCurrentUmbracoPage();
        }
    }

这是我的观点：

@model LoevbjergRema1000Umbraco.Models.ContactFormViewModel
@using LoevbjergRema1000Umbraco.Controllers;

@{
    Html.EnableClientValidation(true);
    Html.EnableUnobtrusiveJavaScript(true);
}

@if (Convert.ToBoolean(TempData["FormSubmitted"]))
{
    <div>Tak for din henvendelse.</div>
}
else
{
    using (Html.BeginUmbracoForm<ContactController>("Submit"))
    {
        @Html.ValidationSummary(true)
        @Html.AntiForgeryToken()

        <div class="col-sm-8">
            <div class="row">
                <div class="col-sm-4">
                    <form class="form-inline" id="kontaktForm">
                        <div class="form-group">
                            <label for="">Navn</label>
                            @Html.TextBoxFor(m => m.Navn, new { @class = "form-control", @placeholder = "Indtast navn..." })
                            @Html.ValidationMessageFor(m => m.Navn)
                            <label for="">Addresse</label>
                            @Html.TextBoxFor(m => m.Addresse, new { @class = "form-control", @placeholder = "Indtast addresse..." })
                            <label for="">Postnr. + by</label>
                            @Html.TextBoxFor(m => m.PostNrBy, new { @class = "form-control", @placeholder = "Indtast postnr & by..." })
                            <label for="">Telefon</label>
                            @Html.TextBoxFor(m => m.Telefon, new { @class = "form-control", @placeholder = "Indtast telefonnr..." })
                            <label for="">Email</label>
                            @Html.TextBoxFor(m => m.Email, new { @class = "form-control", @placeholder = "Indtast email..." })
                            @Html.ValidationMessageFor(m => m.Email)
                        </div>
                    </form>
                </div>
                <div class="col-sm-8">
                    <label for="">Skriv din besked</label>
                    @Html.TextAreaFor(m => m.Message, new { @class = "form-control", @id = "kontaktBesked", @rows = "11", @placeholder = "Indtast din besked her..." })
                    @Html.ValidationMessageFor(m => m.Message)
                    <button class="btn_1 pull-right contact-btn" name="submit" type="submit">Afsend Besked</button>
                    <button class="btn_1 contact-btn">Ryd felter</button>
                </div>
            </div>
        </div>
    }
}

Answer 1

如果您觉得表单没有正确发布，那么可能需要检查一些内容，

你的模特有效吗？是否存在某种尝试触发和失败的验证事件，请查看控制台并查看是否出现某种错误。这可能导致浏览器刷新而不是提交表单。

如果发生get而不是post，您可以通过在表单构造函数（FormMethod.Post）中指定Html.BeginUmbracoForm来强制您的表单成为帖子，你不应该真的这么做，看一下生成的html，是否正确生成了表单标签（因为它的umbraco它发布的url不会像标准的MVC一样直接由Html.BeginUmbracoForm方法生成，但它仍然有意义）

在POST请求中仅在ASP.NET中联系表单刷新页面

1 个答案: