重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

ASP.NETMVC中如何实现数据验证

这篇文章给大家分享的是有关ASP.NET MVC中如何实现数据验证的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联主营梁平网站建设的网络公司,主营网站建设方案,app软件定制开发,梁平h5小程序开发搭建,梁平网站营销推广欢迎梁平等地区企业咨询

首先我们在M层创建一个类:

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;
namespace WebApplication1.Models
{
    public class GuestResponse
    {
        //数据验证,必填项,如果不填ErrorMessage 请输入你的用户名
        [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层:

@model WebApplication1.Models.GuestResponse
@{
    Layout = null;
}



    
    RsvpForm


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

Your name: @Html.TextBoxFor(x => x.Name) 

        

Your email: @Html.TextBoxFor(x => x.Email)

        

Your phone: @Html.TextBoxFor(x => x.Phone)

        

            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")         

             }

这里注意第一行,

@model WebApplication1.Models.GuestResponse

我们绑定我们写的数据类,这样我们才能顺利创建表单。

然后是C层:

 [HttpGet]
        public ViewResult RsvpForm() {
            return View();
        }
        [HttpPost]
        public ViewResult RsvpForm(GuestResponse model)
        {
            if (ModelState.IsValid)
            {
                // TODO: Email response to the party organizer
                return View("Thanks", model);
            }
            else
            {
                // there is a validation error
                return View();
            }
        }

这里我们有两个RsvpForm,我们在上面添加提交方式,分别是Get和Post

if (ModelState.IsValid)

是否通过数据验证,通过返回视图Thanks,且把表单传过来的值传给Thanks视图

数据验证不通过,返回原视图,

这里注意V层

 @Html.ValidationSummary()

添加这句话,在数据验证的时候,数据不通过,视图层才能显示我们的错误提示信息。

运行截图演示:

ASP.NET MVC中如何实现数据验证

我们只输入了姓名,其他没有输入,提示错误信息

我们输入一个正确的:

ASP.NET MVC中如何实现数据验证

然后点击,调到Thanks视图,Thanks视图代码如下:

@model WebApplication1.Models.GuestResponse

@{
    Layout = null;
}





    
    Thanks


    

          

Thank you, @Model.Name!

        @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. }     

这里注意,我们也要绑定我们写的模型类:

 @Model.Name

我们输入的姓名

Model.WillAttend == true

我们输入的值,像传其他,跟这样类似。

结果截图:

ASP.NET MVC中如何实现数据验证

感谢各位的阅读!关于“ASP.NET MVC中如何实现数据验证”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站栏目:ASP.NETMVC中如何实现数据验证
文章位置:http://cqcxhl.com/article/ggphsj.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP