Validating Form in ASP.NET MVC C#
本文关键字：MVC NET ASP Form in Validating | 更新日期: 2023-09-27 17:58:49
正如标题所说，我正在尽一切努力让RegEx等验证生效，但它根本不起作用。我在这里做错了什么？
你根本不需要在表格上键入任何数据，你仍然可以发送一封空邮件，我不想这样。。。
型号：
using System.ComponentModel.DataAnnotations;
namespace DK_Design.Models
{
public class SendMail
{
[Required]
public string Name { get; set; }
[Required]
public string Email { get; set; }
public string Number { get; set; }
[Required]
public string Message { get; set; }
}
}
视图：
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
Kontakta
<strong>Oss!</strong>
</h2>
<hr>
</div>
<div class="col-md-8">
</div>
<div class="col-md-4">
<p>
Telefon:
<strong>123.456.7890</strong>
</p>
<p>
Email:
<strong><a href="mailto:*****@live.se">*****@live.se</a><!--I am obviously blurring the email on purpose here. The email function itself works.--> </strong>
</p>
<p>
Address:
<strong>
3481 Melrose Place
<br>Beverly Hills, CA 90210
</strong>
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
Skicka
<strong>Ett Meddelande</strong>
</h2>
<hr>
@if (ViewData["Message"] != null)
{
<div class="alert alert-success">Ditt e-mail har skickats!</div>
}
@if (ViewData["Message"] == null)
{
<div class="alert alert-danger">Ditt e-mail kan inte skickas!</div>
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, vitae, distinctio, possimus repudiandae cupiditate ipsum excepturi dicta neque eaque voluptates tempora veniam esse earum sapiente optio deleniti consequuntur eos voluptatem.</p>
<form class="form-wrapper" id="contact-form" method="post" role="form" novalidate>
<div class="form-group">
<div class="row">
<div class="form-group col-lg-4">
<label for="name">
Namn *
</label>
<input type="text" id="name" name="name" class="form-control" data-errmsg="Name is required."
placeholder="Ditt Namn" required />
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="form-group col-lg-4">
<label for="email">
Email *
</label>
<input type="text" id="email" name="email" class="form-control" data-errmsg="Email is required."
placeholder="Ditt Email" required />
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="form-group col-lg-4">
<label for="number">
Telefonnummer
</label>
<input type="text" id="number" name="number" class="form-control"
placeholder="Ditt Telefonnummer" />
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="form-group col-lg-8">
<label for="message">
Meddelande *
</label>
<textarea id="message" name="message" class="form-control" data-errmsg="Message is required."
placeholder="Ditt Meddelande" rows="3" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-2 offset2">
<input style="font-size: 20px" type="submit" id="sendMail" value="Skicka" class="btn btn-primary" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
控制器：
using DK_Design.Models;
using System.Net.Mail;
using System.Web.Mvc;
namespace DK_Design.Controllers
{
public class KontaktController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(SendMail input)
{
var mail = new MailMessage("*****", "*****");
var client = new SmtpClient("smtp-mail.outlook.com");
client.Port = 587;
client.DeliveryMethod = SmtpDeliveryMethod.Network;
client.UseDefaultCredentials = false;
var credentials = new System.Net.NetworkCredential("*****", "*****");
client.EnableSsl = true;
client.Credentials = credentials;
mail.Body = input.Name + " " + input.Email + " " + input.Number + " " + input.Message;
mail.Subject = "Paket 1";
client.Send(mail);
ViewData["Message"] = mail;
return View(mail);
//Blurring the email information here too ofcourse.
}
}
}
当发送电子邮件时，我会弹出成功消息，但不会反过来。
正如一些人所说，由于您使用的是数据注释（视图模型中的[Required]标记），所以好消息是您不必添加太多内容来解决问题。
为了防止它发送空白电子邮件，请将以下内容添加到您的控制器中：
if(!ModelState.IsValid)
{
throw some kind of error here or do something else and return
}
只有当传入数据不为空时，ModelState才会有效，这将阻止访问代码的其余部分（并发送电子邮件）。这里有一个关于ModelState的教程，值得一读。本教程还讨论了添加自定义验证器，如果您需要在提供的MVC数据注释之外进行验证，您可能会发现它很有用。
我建议验证消息和检查，以便在用户输入信息时为他们提供反馈。这些可以像添加[必需]标签一样添加到您的模型中：
[Required]
[StringLength(8, ErrorMessage = "The input cannot be longer than 8 characters.")]
public string StringyThingie { get; set; }
您也可以在这里添加regex（因为您已经提到过使用它），以及一条验证消息：
[Required]
[RegularExpression(@"^'d{0,4}+.'d{0,8}$", ErrorMessage = "Entry must be in the form of a decimal with no more than eight places to the right of the period.")]
public Decimal DecimalThingie { get; set; }
顺便说一句，如果您想在使用regex之前检查它的有效性，VisualStudio有几个内置工具，您可以通过Nuget获取。
您可以在用户输入的表单组中直接将验证检查/消息添加到您的视图中：
<div class="form-group">
@Html.LabelFor(model => model.Field, htmlAttributes: new { @class = "control-label col-md-2"})
<div class="col-md-10">
@Html.EditorFor(model => model.Field, new { htmlAttributes = new { @class = "form-control"}}
@Html.ValidationMessageFor(model => model.Field, "", new { @class = "text-danger"})
</div>
</div>
html助手ValidationMessageFor将查看您的模型，获取您列出的要验证的消息，并在用户尝试发布页面时显示该消息。与模型变量上的其他数据注释和ModelState检查一起，它将阻止用户继续前进，直到字段中的内容符合您的检查要求，并在null通过您的检查时阻止控制器方法的其余部分执行。
您还需要将以下内容添加到您的视图中，以提供验证失败的摘要（您应该自定义其中的参数）：
@Html.ValidationSummary(true, "", new { @class = "text-danger"})
您不想在方法结束时返回View——您应该使用RedirectToAction方法：
return RedirectToAction("YourMethodHere", "YourControllerHere", "YourRouteDataHere");
RedirectToAction命令明确强制通过视图控制器执行。
数据注释非常灵活，使用它们将导致您编写的代码相对较少，而不是尝试自己对传入数据编写所有这些检查。该文档可以在MSDN文档中找到，并且内置在MVC系统中。
为了更好地控制它在MVC系统内部错误（而不是Html错误）的错误处理过程中所做的操作，您可以覆盖MVC方法OnException，但这会使您的编码过程相当复杂。关于如何以及为什么可以在这里找到一个很好的教程。
然而，在这个问题上，我给你的建议是利用Elmah包，而不是自己写。Elmah可以通过内置的Nuget包管理器使用以下命令获取：
PM> Install-Package Elmah.MVC
安装它将使错误日志记录和管理更加容易，并允许对该过程进行大量定制，而无需自己管理过滤器和路由。
视图模型使用Required数据注释进行装饰。因此，您可以使用内置的模型验证。
[HttpPost]
public ActionResult Index(SendMail input)
{
if(!ModelState.IsValid)
return View(input);
//Your existing code here which sends email
}
确保您拥有在视图中显示vlation消息的相关代码。您可以根据需要使用ValidationSummary或/和ValidationFor辅助方法。您也可以使用html辅助方法来呈现输入字段。助手将生成显示验证错误消息所需的标记。
@model SendMail
@using(Html.BeginForm())
{
@Html.LabelFor(s=>s.Name)
@Html.TextBoxFor(s=>s.Name)
@Html.ValidationMessageFor(t => t.Name)
@Html.LabelFor(s=>s.Email)
@Html.TextBoxFor(s=>s.Email)
@Html.ValidationMessageFor(t => t.Email)
@Html.LabelFor(s=>s.Number)
@Html.TextBoxFor(s=>s.Number)
@Html.ValidationMessageFor(t => t.Number)
@Html.LabelFor(s=>s.Message)
@Html.TextAreaFor(s=>s.Message)
@Html.ValidationMessageFor(t => t.Message)
<input type="submit" />
}
此外，我建议您遵循PRG模式（后重定向GET）。因此，您将重定向到另一个GET操作，而不是返回到同一个视图。
return RedirectToAction("EmailSent");
要使用客户端验证（jquery val），您应该考虑使用内置函数
@Html.TextBoxFor(m => m.Name)
以及类似地用于其它性质。
如果用户是空的，这将阻止用户提交表单
然后在服务器端，你想进行
if(!ModelState.IsValid)
return View(input);
如果无效，则停止服务器发送电子邮件