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

Question

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

我有一个带有两个标签和一个文本框的gridview。 我只需要用户输入文本框值1-100。 我如何在ASP.Net中做到这一点。

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

Answer 2

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

目前支持很少 ，但是也许可以帮到您。

Answer 3

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

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

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

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