Jquery 如何通过DataAnnotation验证textbox type=number

我有表格

<input type="number" id="txtnumber"/>
<input type="submit" value ="submit" id="btnsubmit"/>

---

我想验证数字是否大于10文本框数字中的“增加”按钮和“提交”按钮将被禁用。如何使用dataanotation或jquery使用用户。

这是您想要的吗

对于HTML，您需要添加max属性：

<input type="number" id="txtnumber" max="10"/>
<input type="submit" value ="submit" id="btnsubmit"/>

---

可以使用“范围”属性

  public class YourClass
  {

     [Range(2,5)]
     public int MyNumber { get; set; }
  }

在你看来：

        @Html.EditorFor(model => model.MyNumber)
        @Html.ValidationMessageFor(model => model.MyNumber)

添加验证脚本：

     bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                 "~/Scripts/jquery.unobtrusive*",
                 "~/Scripts/jquery.validate*"));

---

它不会禁用“增加”按钮，如果您想禁用“提交”按钮，则应使用jquery，但如果您这样做，jquery validate将不允许用户提交表单，直到表单无效为止

要限制“增加”按钮，您可以在输入中使用属性max=“10”，但它不会禁用按钮。用户仍然可以在字段中键入，因此处理输入的更改事件e check The val（）以禁用提交。@Murilo Amaru Gomes，我可以在MVC上输入用户数据注释吗，以及如何在此字段中禁用增加按钮textbox@NorlihazmeyGhazali，在文本框中，这是type=number，有两个按钮递增和递减步长=1，我想验证它我认为他说的增加按钮是chrome上类型number的本机示例如果我通过jquery验证，如果客户端禁用JavaScriptpt会发生什么情况。在文本框type=number中，我可以禁用2个小按钮递增和递减吗？您还需要在服务器端进行验证，您所需要做的就是不要依赖客户端本身。如果您将输入类型设置为数字，则不可能隐藏，除非您使用css隐藏这些按钮。这就是为什么我在回答中显示范围数据注释，它将在服务器和客户端上验证

     bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                 "~/Scripts/jquery.unobtrusive*",
                 "~/Scripts/jquery.validate*"));