ASP.NET MVC数据注解失效，求数字文本框maxlength验证解决方案

常见原因及对应解决办法 #

1. maxlength属性对数字类型输入框无效 #

默认情况下，若模型字段是int/long等数字类型，Html.TextBoxFor会生成type="number"的输入框，而HTML原生的maxlength属性对number类型输入框不生效。

解决思路：

• 方案一：改用字符串类型存储数字
  将模型字段改为string类型，搭配以下数据注解：

  [Required(ErrorMessage = "请输入内容")]
  [StringLength(7, ErrorMessage = "最多输入7位数字")]
  [RegularExpression(@"^\d{1,7}$", ErrorMessage = "请输入有效的数字")]
  public string NumberField { get; set; }
  

  此时视图生成的是type="text"输入框，maxlength会自动生效，同时正则表达式确保只能输入数字。

• 方案二：保留数字类型，用JS限制输入长度
  若必须保留数字类型，在视图中手动添加JS事件限制：

  @Html.TextBoxFor(m => m.NumberField, new { @type = "number", oninput = "if(this.value.length>7) this.value=this.value.slice(0,7)" })
  

2. 验证提示不生效 #

• 错误使用[StringLength]注解：[StringLength]仅对string类型字段有效，数字类型需用[Range]或自定义验证属性：

  // 限制7位数字（0到9999999）
  [Range(0, 9999999, ErrorMessage = "最多输入7位数字")]
  public int NumberField { get; set; }
  

  若需要精确限制位数（比如必须7位或1-7位），可自定义验证属性：

  public class DigitLengthAttribute : ValidationAttribute
  {
      private readonly int _maxLength;
      public DigitLengthAttribute(int maxLength)
      {
          _maxLength = maxLength;
          ErrorMessage = $"最多输入{maxLength}位数字";
      }
  
      public override bool IsValid(object value)
      {
          if (value == null) return true;
          var str = value.ToString();
          return str.Length <= _maxLength && Regex.IsMatch(str, @"^\d+$");
      }
  }
  
  // 模型中使用
  [DigitLength(7)]
  public int NumberField { get; set; }
  

• 缺少客户端验证脚本：确保视图中引入了必要的脚本：

  <script src="~/Scripts/jquery.min.js"></script>
  <script src="~/Scripts/jquery.validate.min.js"></script>
  <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
  

• 未启用客户端验证：检查web.config中的配置：

  <appSettings>
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
  </appSettings>
  

内容的提问来源于stack exchange，提问作者IgnacioCano