本文摘自PHP中文网,作者jacklove,侵删。
首先我们在M层创建一个类:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;
namespace WebApplication1.Models
{
public class GuestResponse
{
[Required(ErrorMessage = "请输入你的用户名!" )]
public string Name { get; set; }
[Required(ErrorMessage = "请输入邮箱" )]
[RegularExpression( ".+\\@.+\\..+" ,
ErrorMessage = "请输入正确的邮箱格式" )]
public string Email { get; set; }
[Required(ErrorMessage = "请输入你的手机号码" )]
public string Phone { get; set; }
public bool? WillAttend { get; set; }
}
}
|
代码中已有注释,不多说。
下面,V层:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | @model WebApplication1.Models.GuestResponse
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name= "viewport" content= "width=device-width" />
<title>RsvpForm</title>
</head>
<body>
@using (Html.BeginForm())
{
@Html.ValidationSummary()
<p>Your name: @Html.TextBoxFor(x => x.Name) </p>
<p>Your email: @Html.TextBoxFor(x => x.Email)</p>
<p>Your phone: @Html.TextBoxFor(x => x.Phone)</p>
<p>
Will you attend?
@Html.DropDownListFor(x => x.WillAttend, new [] {
new SelectListItem() {Text = "Yes, I'll be there" ,
Value = bool.TrueString},
new SelectListItem() {Text = "No, I can't come" ,
Value = bool.FalseString}
}, "Choose an option" )
</p>
<input type= "submit" value= "Submit RSVP" />
}
</body>
</html>
|
这里注意第一行,
1 | @model WebApplication1.Models.GuestResponse
|
我们绑定我们写的数据类,这样我们才能顺利创建表单。
然后是C层:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | [HttpGet]
public ViewResult RsvpForm() {
return View();
}
[HttpPost]
public ViewResult RsvpForm(GuestResponse model)
{
if (ModelState.IsValid)
{
return View( "Thanks" , model);
}
else
{
return View();
}
}
|
这里我们有两个RsvpForm,我们在上面添加提交方式,分别是Get和Post
是否通过数据验证,通过返回视图Thanks,且把表单传过来的值传给Thanks视图
数据验证不通过,返回原视图,
这里注意V层
1 | @Html.ValidationSummary()
|
添加这句话,在数据验证的时候,数据不通过,视图层才能显示我们的错误提示信息。
运行截图演示:
我们只输入了姓名,其他没有输入,提示错误信息
我们输入一个正确的:
然后点击,调到Thanks视图,Thanks视图代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | @model WebApplication1.Models.GuestResponse
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name= "viewport" content= "width=device-width" />
<title>Thanks</title>
</head>
<body>
<p>
<h1>Thank you, @Model.Name!</h1>
@ if (Model.WillAttend == true)
{
@:It 's great that you' re coming. The drinks are already in the fridge!
}
else
{
@:Sorry to hear that you can't make it, but thanks for letting us know.
}
</p>
</body>
</html>
|
这里注意,我们也要绑定我们写的模型类:
我们输入的姓名
我们输入的值,像传其他,跟这样类似。
结果截图:
至此,我们的MVC三层合作,数据验证,完成!
本文讲解了ASP.NET MVC 三层合作-数据验证,更多相关内容请关注php中文网。
相关推荐:
简易 PHP+MySQL 分页类
两个不用递归的树形数组构造函数
HTML转Excel,并实现打印,下载功能
以上就是ASP.NET MVC 三层合作-数据验证的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
asp.net mvc 三层合作-数据验证
mvc和mvvm区别是什么
asp.net怎么样获得html标签值
javascript的mvc框架有哪些
更多相关阅读请进入《asp.net》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » ASP.NET MVC 三层合作-数据验证