jQuery：使输入可以接受特定的键码

Question

如何为仅接受数字、退格键和句号的输入创建自定义验证器。这是 keyCode 的 47-59、8 和 190。

我想它会是这样的：

$('input').keyup(function (e) {

     if NOT (e.keyCode == 48 TO 59 && e.keyCode == 8 && e.keyCode == 190) {
          return false;
     }

});

我还想在输入上淡入和淡出一个添加的类。例如class="red" 然后 .red 将有一个红色边框，表明无法输入字母。

类似于： $('input').addClass("red") 具有淡入、淡出效果。

多谢

Answer 1

if ( e.keyCode !== 8 && e.keyCode !== 190 && ( e.keyCode < 48 || e.keyCode > 59 ) ) {
   return false;
}

您将需要颜色插件来进行红色淡入淡出。

$( "input" ).animate({
  color: "red"
}, "fast");

Answer 2

我发现这个有效：

var e = event || evt;
if (e.keyCode > 31 && e.keyCode !== 190 && (e.keyCode < 48 || e.keyCode > 57))
   return false;