将表单数据从视图发送到控制器时为Null

Question

我已经在我的索引视图中创建了这个部分

<section id="contact" class="contact">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<h3>Contact With Us</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form action="/Home/Contact" method="post" name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" runat="server" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" runat="server" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" runat="server" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea runat="server" class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-success">Send </button>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="footer-contact-info">
<h4>Action Suraksha Pvt Ltd, Sadhu Petrol Pump, Siwan, Bihar-841226</h4>
<ul>
<li><strong>E-mail :</strong> [e-mail]</li>
<li><strong>Phone :</strong> [phone]</li>
<li><strong>Mobile :</strong> [phone]</li>
</ul>
</div>
</div>
<div class="col-md-4 col-md-offset-4">
<div class="footer-contact-info">
<h4>Working Hours</h4>
<ul>
<li><strong>Mon-Sat :</strong> 9 am to 6 pm</li>
<li><strong>Sunday :</strong> Closed</li>
</ul>
</div>
</div>
</div>
</div>
</section>

我正试图在控制器中检索这个Form值，比如：

[HttpPost]
public ActionResult Contact()
{

string sURL;
string strname = Request["name"];
string strEmail = Request["email"];
string strPhone = Request["phone"];
string strMessage = Request["message"];
return View();
}

我正在获取strname、strEmail、strPhone、strMessage的空值请有人帮我解决这个问题，提前谢谢。如果可能的话，给我一些例子，我可以从中解决这个问题

Answer 1

您的问题是输入中没有任何名称属性。只有具有name属性的元素的值才会发布回服务器，并且所使用的名称就是您在请求中查找的名称。

既然您使用的是MVC，那么您应该研究视图模型和Razor是如何工作的。

runat="server"在MVC中是不必要的。这是老式的ASP.NET，而不是MVC。

Answer 2

创建一个模型来保存所需的数据

public class ContactModel {
public string name { get; set; }
public string email { get; set; }
public string phone { get; set; }
public string message { get; set; }
}

确保属性与视图中使用的输入名称匹配。

并更新操作以接受已张贴的表单数据

[HttpPost]
public ActionResult Contact(ContactModel model) {
string sURL;
string strname = model.name;
string strEmail = model.email;
string strPhone = model.phone;
string strMessage = model.message;
//...
return View();
}

模型绑定器将匹配提交的输入，并在将其传递给操作之前填充模型参数。

Answer 3

您得到的表单为空，因为您没有为输入设置属性'name'。例如，以这种方式编辑您的拳头输入：

<input type="text" runat="server" class="form-control" placeholder="Your Name *" id="name" name="name" required data-validation-required-message="Please enter your name.">

之后，您将从请求中获得您的价值：

string strname = Request["name"];

但是，我建议您使用ViewModel类来满足您的请求。此外，请查看文档(https://learn.microsoft.com/en-us/aspnet/core/tutorials/first-mvc-app/controller-methods-views?view=aspnetcore-2.1(