在客户端验证以使用 JavaScript 在文本框中仅接受 1 到 100 之间的数字答案

【问题标题】：Validate at client to accept only numbers between 1 to 100 in a textbox using JavaScript在客户端验证以使用 JavaScript 在文本框中仅接受 1 到 100 之间的数字
【发布时间】：2013-04-17 12:17:22
【问题描述】：

在客户端验证以使用 JavaScript 仅接受 gridview 文本框中的数字。

我有一个带有两个标签和一个文本框的网格视图。我想要的是用户应该输入文本框值 1-100。我如何在 ASP.Net 中做到这一点。

【问题讨论】：

标签： javascript asp.net validation

【解决方案1】：

//HTML

<input type="text" name="textboxId" id="textboxId"/>

//Javascript

var val = document.getElementById('textboxId').value;
if(val < 1 || val > 100){
alert('Value must be between 1 and 100');
return false;
}

【讨论】：

【解决方案2】：

根据您想要支持的浏览器，您可能不需要编写任何 JavaScript。 HTML5 添加了一些新的输入类型，包括支持 min 和 max 属性的type=number。

目前支持patchy，但也许这会对您有所帮助。

【讨论】：

【解决方案3】：

您可以添加 onkeydown 并验证输入。不想要就返回false；

node.onkeydown = function(a_event)
{
   // validate non number input
   if ((a_event.keyCode >= 65 && a_event.keyCode <= 90))
      return false;                                 
};

此外，您还可以解析输入并返回 false

【讨论】：

使用onchange事件不是更简单吗？
这将允许字母作为输入，因为 onchange 在 tabout 后触发

【解决方案4】：

试试这个

<asp:TextBox ID="Num" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" ForeColor="DarkOrange" ValidationExpression="^[1-9][0-9]?$|^100$" ControlToValidate="Num" runat="server" ErrorMessage="accept only numbers between 1 to 100"></asp:RegularExpressionValidator>

【讨论】：