Question

这是fiddle，只允许数字。

我想基于id。

这样做

所以我创建了这个fiddle

$(document).ready(function () {
  //called when key is pressed in textbox
  $("#quantity").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
    }
   });
});

我如何为一系列id（例如quantity1，quantity2）执行此操作，就像这样..

更新：

我无法使用课程名称..我怎样才能id

Answer 1

Demo

试试这个

HTML

Number : <input type="text" name="quantity" class= "numberonly" id="quantity1" />
Number1 : <input type="text" name="quantity" class= "numberonly"  id="quantity2" />
Number1 : <input type="text" name="quantity" class= "numberonly"  id="quantity3" />

&nbsp;<span id="errmsg"></span>

Jquery的

  $(document).ready(function () {
    for(var i = 1; i< 4 ;i++)
    {
    //called when key is pressed in textbox
    $("#quantity"+i).keypress(function (e) {
      //if the letter is not digit then display error and don't type anything
      if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
        }
     });
    }
  });

Answer 2

你所要做的就是匹配所有简单的id。请参阅此fiddle。

这是部分代码 -

$(document).ready(function () {
  //called when key is pressed in textbox
    $("[id^=quantity]").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
    }
   });
});

仅允许基于连续ID的文本框中的数字

2 个答案: