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