验证表单上的整数字段答案

【问题标题】：Validating an integer field on a form验证表单上的整数字段
【发布时间】：2021-07-29 22:26:22
【问题描述】：

我在 Blazor 服务器应用程序中有这个输入框，它应该是一个整数字段。我想进行验证以确保输入的值是整数

     <div class="mb-5">
        <input type="text" class="form-control  form-control-lg" id="numberofclasses" @bind-value="_myModel.NumberOfClasses">
     </div>

我可以在网上看到很多代码在做这样的事情。

        public bool MyValidation()
        {
            bool result = true;
            int numberOfClasses = 0;
            
            if (int.TryParse(_myModel.NumberOfClasses.ToString(), out numberOfClasses))
            {
                //it is a valid integer => you could use the distance variable here
                
            }else
            {
                result = false;
            }

            return result;
        }

这是验证整数字段的标准方法吗？

【问题讨论】：

Blazor 验证详细描述 here。特别是看InputNumber。另外，查看[Range] 属性以进行范围验证。
您是否尝试过使用字段而不是字段？
我可以试试但我不想要一个范围

标签： c# blazor-server-side

【解决方案1】：

如果您想要一个数字，请使用InputNumber 控件或<input type="number">

浏览器，尤其是手机上的浏览器，有自己的方式来处理用户熟悉的某些类型的输入。如果您尝试使用文本输入来制作自定义控件，那么这些原生控件将被绕过，这很可能会导致有人厌恶地关闭页面。

【讨论】：