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

Question

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

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

Answer 1

尝试这个

<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>

Answer 2

//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;
}

Answer 3

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

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

Answer 4

好吧，您可以添加 onkeydown 并验证输入。如果你不想要它，返回false；

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

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