• MVC校验特性


    1、前端引入3个脚本

          ①jq脚本   ②jQuery.Validate.js  ③jquery.validate.unobtrusive.js(异步验证)

    2、后端加特性

      在表对应的Model层里面,为属性加特性,常用的特性:

        [Required]表示该属性是必须要填的,不能为null。

        [StringLength]可以限制属性的长度大小。

        [Range]、[RegularExpression]

    3、后端使用方法

       使用ErrorMessage自定义错误提示信息,要引入命名空间using System.ComponentModel.DataAnnotations。

    [Required(ErrorMessage = "角色名称不能为空")]
    [StringLength(10, MinimumLength = 2, ErrorMessage = "角色名称{2}~{1}个字符")]

    4、前端使用方法

       前端为了能够显示错误信息,使用Html.ValidationMessageFor(m => m.Name) 来显示,表示为Name属性显示错误信息。

         增加完特性,前端代码input标签里面会出现data-val="true" data-val-required="名字不能为空",这2个属性。

       通过查看页面源代码比较得知,只要在前端为input标签加入下面属性以及span标签(目的是显示错误信息),不需要在后端加[Required]特性也可以实现同样的效果。

    此时注意input要加name属性,span标签中的data-valmsg-for要用到。

    <input type="text"  name="name2" data-val="true" data-val-required="名字不能为空" /><span class="field-validation-valid" data-valmsg-for="name2" data-valmsg-replace="true"></span>

    5、顺便说下@Html.DisplayNameFor(..)

       在后端为属性加[Display(Name = "测试")]这个特性,前端就可以使用Html.DisplayNameFor显示label标签。

    注意:前端的代码要放在表单里面,只有在点击提交的时候才会检测,当不符合要求时,表单不会提交,这是会出现错误信息。

  • 相关阅读:
    CSS3阴影 box-shadow的使用和技巧总结[转]
    $.getJSON(url,function success(){})回调函数不起作用
    实现最小宽度的几种方法及CSS Expression[转]
    关于sql 中 group by 和 having
    hackerrank DFS Edges
    hackerrank [Week of Code 33] Bonnie and Clyde
    AtCoder Regular Contest 076
    大模数乘法模板
    AtCoder Grand Contest 016
    CodeChef June Challenge 2017
  • 原文地址:https://www.cnblogs.com/zhaoyihao/p/4665760.html
Copyright © 2020-2023  润新知