时间戳

首页 > 解决方案 > 验证表单上的整数字段

c# - 验证表单上的整数字段

问题描述

我在 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;
        }

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

标签： c#blazor-server-side

解决方案

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

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

推荐阅读